@authing/react-ui-components 4.4.0-alpha.9 → 4.4.0

package/types/Guard/event.d.ts

@@ -0,0 +1,103 @@
+import { GuardModuleType } from '.';
+import { CompleteInfoEvents } from '../CompleteInfo/interface';
+import { ForgetPasswordEvents } from '../ForgetPassword/interface';
+import { IdentityBindingEvents } from '../IdentityBinding/interface';
+import { IdentityBindingAskEvents } from '../IdentityBindingAsk';
+import { LoginEvents } from '../Login/interface';
+import { RegisterEvents } from '../Register/interface';
+import { TenantPortalEvents } from '../TenantPortalSelect/interface';
+interface OnAfterChangeModuleOptions {
+    currentView: string;
+    currentModule: GuardModuleType;
+    currentTab?: string;
+    data?: any;
+}
+export interface GuardEvents extends LoginEvents, RegisterEvents, CompleteInfoEvents, ForgetPasswordEvents, IdentityBindingEvents, IdentityBindingAskEvents, TenantPortalEvents {
+    onBeforeChangeModule?: (key: GuardModuleType, initData?: any) => boolean | Promise<boolean>;
+    onAfterChangeModule?: (options: OnAfterChangeModuleOptions) => void;
+}
+export declare const guardEventsFilter: (props: any, multipleInstance?: {
+    initStore: (appId: string, options: {
+        serverSideLoginMethods: import("./core/hooks/useMultipleAccounts").LoginWay[];
+        isInternationSms: boolean;
+    }) => void;
+    setLoginWay: (tab: "input" | "qrcode", way: import("./core/hooks/useMultipleAccounts").LoginWay, id?: string | undefined, internation?: {
+        phoneCountryCode: string;
+        areaCode: string;
+    } | undefined) => void;
+    setUserInfo: (user: Pick<import("./core/hooks/useMultipleAccounts").User & {
+        id: string;
+        loginAccount?: string | undefined;
+        usertype?: string | undefined;
+    }, "email" | "username" | "phone" | "photo" | "id" | "name" | "nickname" | "_updateTime" | "qrCodeId" | "areaCode" | "loginAccount" | "usertype">) => void;
+    setLoginWayByHttpData: (account: string, data: {
+        username?: string | undefined;
+        phone?: string | undefined;
+        email?: string | undefined;
+    }) => void;
+    setLoginWayByLDAPData: (account: string, data: {
+        name?: string | undefined;
+        phone?: string | undefined;
+        email?: string | undefined;
+    }) => void;
+    getMemoUser: (excludeWays?: import("./core/hooks/useMultipleAccounts").LoginWay[]) => import("../Login/multipleAccounts/panel").SelectOptions[];
+    getMemoSingleUser: (id: string) => {
+        way: import("./core/hooks/useMultipleAccounts").LoginWay;
+        account: string;
+    } | undefined;
+    delUserById: (id: string) => string;
+    getMemberState: () => boolean;
+    getFirstBackFillData: () => import("./core/hooks/useMultipleAccounts").BackFillMultipleState | undefined;
+    getOriginAccount: () => string;
+    getOriginWay: () => string;
+} | undefined, openEventsMapping?: boolean | undefined) => GuardEvents;
+export declare const guardEventsHijacking: (events: GuardEvents, openEventsMapping?: boolean | undefined) => GuardEvents;
+export declare const GuardEventsCamelToKebabMapping: {
+    readonly onLoad: "load";
+    readonly onLoadError: "load-error";
+    readonly onLogin: "login";
+    readonly onBeforeLogin: "before-login";
+    readonly onLoginError: "login-error";
+    readonly onRegister: "register";
+    readonly onBeforeRegister: "before-register";
+    readonly onRegisterError: "register-error";
+    readonly onEmailSend: "email-send";
+    readonly onEmailSendError: "email-send-error";
+    readonly onPhoneSend: "phone-send";
+    readonly onPhoneSendError: "phone-send-error";
+    readonly onPwdReset: "pwd-reset";
+    readonly onPwdResetError: "pwd-reset-error";
+    readonly onClose: "close";
+    readonly onLoginTabChange: "login-tab-change";
+    readonly onRegisterTabChange: "register-tab-change";
+    readonly onRegisterInfoCompleted: "register-info-completed";
+    readonly onRegisterInfoCompletedError: "register-info-completed-error";
+    readonly onLangChange: "lang-change";
+    readonly onBeforeChangeModule: "before-change-module";
+    readonly onAfterChangeModule: "after-change-module";
+};
+export interface GuardEventsKebabToCamelType {
+    load: GuardEvents['onLoad'];
+    'load-error': GuardEvents['onLoadError'];
+    'before-login': GuardEvents['onBeforeLogin'];
+    login: GuardEvents['onLogin'];
+    'login-error': GuardEvents['onLoginError'];
+    'before-register': GuardEvents['onBeforeRegister'];
+    register: GuardEvents['onRegister'];
+    'register-error': GuardEvents['onRegisterError'];
+    'email-send': GuardEvents['onEmailSend'];
+    'email-send-error': GuardEvents['onEmailSendError'];
+    'phone-send': GuardEvents['onPhoneSend'];
+    'phone-send-error': GuardEvents['onPhoneSendError'];
+    'pwd-reset': GuardEvents['onPwdReset'];
+    'pwd-reset-error': GuardEvents['onPwdResetError'];
+    close: GuardEvents['onClose'];
+    'login-tab-change': GuardEvents['onLoginTabChange'];
+    'register-tab-change': GuardEvents['onRegisterTabChange'];
+    'register-info-completed': GuardEvents['onRegisterInfoCompleted'];
+    'register-info-completed-error': GuardEvents['onRegisterInfoCompletedError'];
+    'lang-change': GuardEvents['onLangChange'];
+    'before-change-module': GuardEvents['onBeforeChangeModule'];
+    'after-change-module': GuardEvents['onAfterChangeModule'];
+}
+export {};

package/types/Guard/index.d.ts

@@ -0,0 +1,4 @@
+export * from './Guard';
+export * from './module';
+export * from './event';
+export * from './config';

package/types/Guard/module.d.ts

@@ -0,0 +1,35 @@
+export declare enum GuardModuleType {
+    ERROR = "error",
+    LOGIN = "login",
+    REGISTER = "register",
+    MFA = "mfa",
+    FORGET_PWD = "forgetPassword",
+    FORCED_PASSWORD_RESET = "forcedPasswordReset",
+    NOTICE_PASSWORD_RESET = "noticePasswordReset",
+    FIRST_LOGIN_PASSWORD = "firstLoginPassword",
+    UNSAFE_PASSWORD_RESET = "unsafePasswordReset",
+    DOWNLOAD_AT = "downloadAT",
+    BIND_TOTP = "bindTotp",
+    ANY_QUESTIONS = "anyQuestions",
+    LOGIN_COMPLETE_INFO = "loginCompleteInfo",
+    REGISTER_PASSWORD = "registerPassword",
+    REGISTER_COMPLETE_INFO = "registerCompleteInfo",
+    RECOVERY_CODE = "recoveryCode",
+    SUBMIT_SUCCESS = "submitSuccess",
+    IDENTITY_BINDING_ASK = "identityBindingAsk",
+    IDENTITY_BINDING = "identityBinding",
+    IDENTITY_BINDING_NO_ASK = "identityBindingNoAsk",
+    SELF_UNLOCK = "selfUnlock",
+    FLOW_SELECT_ACCOUNT = "flowSelectAccount",
+    SELECT_ACCOUNT_2_LOGIN = "selectAccout2Login",
+    /** 多租户门户选择页 */
+    TENANT_PORTAL = "tenant-portal",
+    New_SUBMIT_SUCCESS = "newSubmitSuccess",
+    RESET_ACCOUNT_NAME = "resetAccountName"
+}
+export interface GuardModuleAction {
+    action: string;
+    module?: GuardModuleType;
+    message?: string;
+    initData?: any;
+}

package/types/Guard/sso.d.ts

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

package/types/GuardButton/GuardButton.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { ButtonProps } from 'antd/lib/button';
+import './styles.less';
+export interface GuardButtonProps extends ButtonProps {
+}
+export declare const GuardButton: React.FC<GuardButtonProps>;

package/types/GuardButton/index.d.ts

@@ -0,0 +1 @@
+export * from './GuardButton';

package/types/GuardFace/index.d.ts

@@ -0,0 +1,16 @@
+import './styles.less';
+import { AvatarProps } from 'antd/lib/avatar';
+import { TagProps } from 'antd/lib/tag';
+import React from 'react';
+export interface GuardFaceProps {
+    /** 顶部 avatar 头像展示 */
+    avatar: AvatarProps | string;
+    /** 标题头部 */
+    title: React.ReactNode;
+    /** 标题描述 */
+    description?: React.ReactNode;
+    /** 标签功能 */
+    tags?: TagProps[];
+}
+/** 顶部通用区域封装，同时兼容样式的层叠和功能的自定义 */
+export declare const GuardFace: (props: GuardFaceProps) => JSX.Element;

package/types/GuardSelect/index.d.ts

@@ -0,0 +1,29 @@
+import './styles.less';
+import { AvatarProps } from 'antd/lib/avatar';
+import { ListItemProps, ListProps } from 'antd/lib/list';
+import React, { CSSProperties } from 'react';
+export interface GuardSelectItem {
+    /** avatar 头像展示 */
+    avatar?: AvatarProps | string;
+    /** 标题 */
+    title?: React.ReactNode;
+    /** 描述 */
+    description?: React.ReactNode;
+    /** 右侧操作组 */
+    actions?: ListItemProps['actions'];
+    /** 右侧额外的渲染内容 */
+    extra?: ListItemProps['extra'];
+    /** 数据项子内容，便于自定义 */
+    children?: React.ReactNode;
+    /** 其他元字段 */
+    [key: string]: any;
+}
+export interface GuardSelectProps<T = any> extends ListProps<any> {
+    /**数据项之间的间隙，默认`20px` */
+    gap?: CSSProperties['marginBottom'];
+    /** 数据源 */
+    dataSource: T[];
+    onSelect?: (item?: T, index?: number) => void;
+}
+/** 选择列表组件 兼容绝大多数选择场景 */
+export declare const GuardSelect: <D extends GuardSelectItem = any>(props: GuardSelectProps<D>) => JSX.Element;

package/types/IconFont/iconfont.d.ts

@@ -0,0 +1 @@
+export declare const GenerateSvg: (guardDocument: Document, svgString: string) => void;

package/types/IconFont/index.d.ts

@@ -0,0 +1,8 @@
+import React, { FC } from 'react';
+import './iconfont';
+import './style.less';
+export declare const IconFont: FC<{
+    type: string;
+    style?: React.CSSProperties;
+    className?: string;
+}>;

package/types/IconFont/useGuardIconfont.d.ts

@@ -0,0 +1 @@
+export declare const useGuardIconfont: (cdnBase?: string | undefined, setError?: any) => boolean;

package/types/IdentityBinding/IdentityBinding.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import './styles.less';
+export declare const GuardIdentityBindingView: React.FC<{
+    skipAsk?: boolean;
+}>;

package/types/IdentityBinding/businessRequest.d.ts

@@ -0,0 +1,36 @@
+export declare 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;
+    captchaCode: string;
+}
+export declare enum IdentityBindingAction {
+    CreateUser = "create-federation-account",
+    BindByPassword = "bind-identity-by-password",
+    BindByPhoneCode = "bind-identity-by-phone-code",
+    BindByEmailCode = "bind-identity-by-email-code",
+    RegisterByPassword = "register-bind-by-password",
+    RegisterByPhoneCode = "register-bind-by-phone-code",
+    RegisterByEmailCode = "register-bind-by-email-code"
+}
+export declare const PhoneCode: (params: PhoneCodeParams) => Promise<import("../_utils/http").AuthingGuardResponse<any>>;
+export declare const EmailCode: (params: EmailCodeParams) => Promise<import("../_utils/http").AuthingGuardResponse<any>>;
+export declare const Password: (params: PasswordParams) => Promise<import("../_utils/http").AuthingGuardResponse<any>>;
+export declare const useIdentityBindingBusinessRequest: (type?: 'register' | 'bind') => {
+    "phone-code": (params: PhoneCodeParams) => Promise<import("../_utils/http").AuthingGuardResponse<any>>;
+    "emial-code": (params: EmailCodeParams) => Promise<import("../_utils/http").AuthingGuardResponse<any>>;
+    password: (params: PasswordParams) => Promise<import("../_utils/http").AuthingGuardResponse<any>>;
+};

package/types/IdentityBinding/index.d.ts

@@ -0,0 +1,2 @@
+export * from './IdentityBinding';
+export * from './interface';

package/types/IdentityBinding/interface.d.ts

@@ -0,0 +1,27 @@
+import { IG2Config, IG2Events, IG2FCProps, IG2FCViewProps } from '..';
+import { AuthenticationClient, User } from 'authing-js-sdk';
+import { GuardModuleType } from '../Guard';
+import { Agreement } from '../Type/application';
+export interface IdentityBindingConfig extends IG2Config {
+    autoRegister?: boolean;
+    publicKey?: string;
+    agreementEnabled?: boolean;
+    agreements?: Agreement[];
+}
+export interface IdentityBindingEvents extends IG2Events {
+    onBinding?: (user: User, authClient: AuthenticationClient) => void;
+    onBindingError?: (errorMessages: any) => void;
+    onLogin?: (user: User, authClient: AuthenticationClient) => void;
+    onLoginError?: (errorMessages: any) => void;
+}
+export interface GuardIdentityBindingProps extends IG2FCProps, IdentityBindingEvents {
+    config?: Partial<IdentityBindingConfig>;
+}
+export interface GuardIdentityBindingInitData {
+    methods: Array<'email' | 'username' | 'phone' | 'phone-code' | 'email-code'>;
+    source?: GuardModuleType;
+}
+export interface GuardIdentityBindingViewProps extends GuardIdentityBindingProps, IG2FCViewProps {
+    config: IdentityBindingConfig;
+    initData: GuardIdentityBindingInitData;
+}

package/types/IdentityBindingAsk/IdentityBindingAsk.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import './styles.less';
+export declare const GuardIdentityBindingAskView: React.FC;

package/types/IdentityBindingAsk/index.d.ts

@@ -0,0 +1,2 @@
+export * from './IdentityBindingAsk';
+export * from './interface';

package/types/IdentityBindingAsk/interface.d.ts

@@ -0,0 +1,21 @@
+import { AuthenticationClient, User } from 'authing-js-sdk';
+import { IG2Config, IG2Events, IG2FCProps, IG2FCViewProps } from '..';
+export interface IdentityBindingAskConfig extends IG2Config {
+}
+export interface IdentityBindingAskEvents extends IG2Events {
+    onLogin?: (user: User, authClient: AuthenticationClient) => void;
+    onLoginError?: (errorMessages: any) => void;
+    onCreate?: (user: User, authClient: AuthenticationClient) => void;
+    onCreateError?: (errorMessages: any) => void;
+}
+export interface GuardIdentityBindingAskProps extends IG2FCProps, IdentityBindingAskEvents {
+    config?: Partial<IdentityBindingAskConfig>;
+    initData?: any;
+}
+export interface GuardIdentityBindingAskInitData {
+    methods: 'email' | 'username' | 'phone' | 'phone-code' | 'email-code';
+}
+export interface GuardIdentityBindingAskViewProps extends GuardIdentityBindingAskProps, IG2FCViewProps {
+    config: IdentityBindingAskConfig;
+    initData: GuardIdentityBindingAskInitData;
+}

package/types/ImagePro/index.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import './styles.less';
+export interface ImageProProps extends React.ImgHTMLAttributes<HTMLImageElement> {
+    src: string;
+    className?: string;
+    alt?: string;
+    imgClassName?: string;
+    size?: number | string;
+    width?: number | string;
+    height?: number | string;
+    borderRadius?: number | string;
+    noSpin?: boolean;
+}
+export declare const ImagePro: (props: ImageProProps) => JSX.Element;
+export declare const ImagePro2: (props: ImageProProps) => JSX.Element;

package/types/InputNumber/index.d.ts

@@ -0,0 +1,5 @@
+import { InputProps } from 'antd/lib/input';
+import React from 'react';
+export interface InputNumberProps extends InputProps {
+}
+export declare const InputNumber: React.ForwardRefExoticComponent<InputNumberProps & React.RefAttributes<any>>;

package/types/InputPassword/index.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const InputPassword: (props: any) => JSX.Element;

package/types/LazyloadImage/index.d.ts

@@ -0,0 +1,12 @@
+import { CSSProperties, ReactNode } from 'react';
+interface LazyloadImageProps {
+    src: string;
+    placeholder: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+    alt?: string;
+    width?: string;
+    height?: string;
+}
+export declare function LazyloadImage(props: LazyloadImageProps): JSX.Element;
+export {};

package/types/Login/codemap.d.ts

@@ -0,0 +1,2 @@
+import { GuardModuleAction } from '../Guard/module';
+export declare const codeMap: Record<number, GuardModuleAction>;

package/types/Login/core/withAD.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+import { BackFillMultipleState, StoreInstance } from '../../Guard/core/hooks/useMultipleAccounts';
+import { Agreement } from '../../Type/application';
+interface LoginWithADProps {
+    publicKey: string;
+    autoRegister?: boolean;
+    onLoginSuccess: any;
+    onLoginFailed: any;
+    onBeforeLogin: any;
+    agreements: Agreement[];
+    /**
+     * 回填的数据
+     */
+    backfillData?: BackFillMultipleState;
+    /**
+     * 根据输入的账号 & 返回获得对应的登录方法
+     */
+    multipleInstance?: StoreInstance;
+}
+export declare const LoginWithAD: (props: LoginWithADProps) => JSX.Element;
+export {};

package/types/Login/core/withAppQrcode.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { StoreInstance } from '../../Guard/core/hooks/useMultipleAccounts';
+interface LoginWithAppQrcodeProps {
+    onLoginSuccess: any;
+    canLoop: boolean;
+    multipleInstance?: StoreInstance;
+}
+export declare const LoginWithAppQrcode: (props: LoginWithAppQrcodeProps) => JSX.Element | null;
+export {};

package/types/Login/core/withAuthingOtpPush/BeforeLogin.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { OnPushSuccessProps, OnLoginProps } from './types';
+import { AuthingGuardResponse } from '../../../_utils/http';
+import { Agreement } from '../../../Type';
+interface BeforeLoginProps {
+    onPushSuccess: (props: OnPushSuccessProps) => void;
+    signinByPush: (props: OnLoginProps) => Promise<AuthingGuardResponse<{
+        pushCodeId: string;
+    }>>;
+    pushLoginStatus: boolean;
+    onchangePushLoginStatus: () => void;
+    defaultAccount: string;
+    setAccount: React.Dispatch<any>;
+    agreements: Agreement[];
+}
+export declare function BeforeLogin(props: BeforeLoginProps): JSX.Element;
+export {};

package/types/Login/core/withAuthingOtpPush/HowBindClient.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function HowBindClient(): JSX.Element;

package/types/Login/core/withAuthingOtpPush/HowGetAppLoginUrl.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function HowGetAppLoginUrl(): JSX.Element;

package/types/Login/core/withAuthingOtpPush/HowUsePushLogin.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function HowUsePushLogin(): JSX.Element;

package/types/Login/core/withAuthingOtpPush/PendingLogin.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import './styles.less';
+interface PendingLoginProps {
+    onCancelLogin: () => void;
+}
+export declare function PendingLogin(props: PendingLoginProps): JSX.Element;
+export {};

package/types/Login/core/withAuthingOtpPush/PushLoginGuideModal.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { PushLoginGudeModalProps } from './types';
+export declare function PushLoginGudeModal(props: PushLoginGudeModalProps): JSX.Element;

package/types/Login/core/withAuthingOtpPush/PushLoginGuideSelector.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { SelectorOptions, Selector } from './types';
+interface PushLoginGuideSelectorProps {
+    defaultValue: Selector;
+    onChange: (value: Selector) => void;
+    options: SelectorOptions;
+}
+export declare function PushLoginGuideSelector(props: PushLoginGuideSelectorProps): JSX.Element;
+export {};

package/types/Login/core/withAuthingOtpPush/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { LoginWithAuthingOtpPushProps } from './types';
+export declare function LoginWithAuthingOtpPush(props: LoginWithAuthingOtpPushProps): JSX.Element;

package/types/Login/core/withAuthingOtpPush/types.d.ts

@@ -0,0 +1,28 @@
+import { BackFillMultipleState, StoreInstance } from '../../../Guard/core/hooks/useMultipleAccounts';
+import { Agreement } from '../../../Type';
+export interface OnPushSuccessProps {
+    pushCodeId: string;
+}
+export interface CheckPushCodeStatusProps {
+    pushCodeId: string;
+}
+export interface OnLoginProps {
+    account: string;
+}
+export declare type LoginStatus = 'before' | 'pending';
+export interface LoginWithAuthingOtpPushProps {
+    onLoginSuccess?: any;
+    multipleInstance?: StoreInstance;
+    initData?: BackFillMultipleState;
+    agreements: Agreement[];
+}
+export interface PushLoginGudeModalProps {
+    visible: boolean;
+    onClose: () => void;
+}
+export declare type Selector = 'howUsePushLogin' | 'howBindClient' | 'howGetAppLoginUrl';
+export interface SelectorOption {
+    value: Selector;
+    label: string;
+}
+export declare type SelectorOptions = SelectorOption[];

package/types/Login/core/withLDAP.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+import { Agreement } from '../../Type/application';
+import { BackFillMultipleState, StoreInstance } from '../../Guard/core/hooks/useMultipleAccounts';
+interface LoginWithLDAPProps {
+    publicKey: string;
+    autoRegister?: boolean;
+    host?: string;
+    onLoginSuccess: any;
+    onLoginFailed: any;
+    onBeforeLogin: any;
+    agreements: Agreement[];
+    /**
+     * 根据输入的账号 & 返回获得对应的登录方法
+     */
+    multipleInstance?: StoreInstance;
+    /**
+     * 多账号回填的数据
+     */
+    backfillData?: BackFillMultipleState;
+}
+export declare const LoginWithLDAP: (props: LoginWithLDAPProps) => JSX.Element;
+export {};

package/types/Login/core/withPassword/FormItemAccount.d.ts

@@ -0,0 +1,6 @@
+import { FormItemProps } from 'antd/lib/form';
+import React from 'react';
+export interface FormItemAccountProps extends FormItemProps {
+    validPasswordLoginMethods: string[];
+}
+export declare const FormItemAccount: React.FC<FormItemAccountProps>;

package/types/Login/core/withPassword/GraphicVerifyCode.d.ts

@@ -0,0 +1,7 @@
+import { InputProps } from 'antd/lib/input';
+import React from 'react';
+export interface GraphicVerifyCodeProps extends InputProps {
+    verifyCodeUrl: string;
+    changeCode: () => void;
+}
+export declare const GraphicVerifyCode: React.FC<GraphicVerifyCodeProps>;

package/types/Login/core/withPassword/InputAccount.d.ts

@@ -0,0 +1,7 @@
+import { InputProps } from 'antd/lib/input';
+import React from 'react';
+export interface InputAccountProps extends InputProps {
+    passwordLoginMethods: string[];
+    placeholder: string;
+}
+export declare const InputAccount: React.FC<InputAccountProps>;

package/types/Login/core/withPassword/index.d.ts

@@ -0,0 +1,28 @@
+/// <reference types="react" />
+import { AuthingResponse } from '../../../_utils/http';
+import { Agreement, LoginMethods } from '../../../Type/application';
+import { BackFillMultipleState, StoreInstance } from '../../../Guard/core/hooks/useMultipleAccounts';
+interface LoginWithPasswordProps {
+    publicKey: string;
+    autoRegister?: boolean;
+    host?: string;
+    onBeforeLogin?: any;
+    onLoginSuccess?: any;
+    onLoginFailed?: any;
+    onLoginRequest?: (loginInfo: any) => Promise<AuthingResponse>;
+    passwordLoginMethods: string[];
+    agreements: Agreement[];
+    loginWay?: LoginMethods;
+    submitButText?: string;
+    saveIdentify?: (type: LoginMethods, identity: string) => void;
+    /**
+     * 根据输入的账号 & 返回获得对应的登录方法
+     */
+    multipleInstance?: StoreInstance;
+    /**
+     * 多账号回填的数据
+     */
+    backfillData?: BackFillMultipleState;
+}
+export declare const LoginWithPassword: (props: LoginWithPasswordProps) => JSX.Element;
+export {};

package/types/Login/core/withVerifyCode/FormItemIdentify.d.ts

@@ -0,0 +1,11 @@
+import { FormItemProps } from 'antd/lib/form';
+import React from 'react';
+import { VerifyLoginMethods } from '../../../Type/application';
+export interface FormItemIdentifyProps extends FormItemProps {
+    checkRepeat?: boolean;
+    checkExist?: boolean;
+    methods: VerifyLoginMethods[];
+    currentMethod: 'phone-code' | 'email-code';
+    areaCode?: string;
+}
+export declare const FormItemIdentify: React.FC<FormItemIdentifyProps>;

package/types/Login/core/withVerifyCode/InputInternationPhone.d.ts

@@ -0,0 +1,7 @@
+import { InputProps } from 'antd/lib/input';
+import React from 'react';
+export interface InputInternationPhoneProps extends InputProps {
+    areaCode: string;
+    onAreaCodeChange: (areaCode: string) => void;
+}
+export declare const InputInternationPhone: React.FC<InputInternationPhoneProps>;

package/types/Login/core/withVerifyCode/VirtualDropdown.d.ts

@@ -0,0 +1,12 @@
+import React, { FC } from 'react';
+import './styles.less';
+export interface VirtualDropdownProps {
+    /**
+     * 回填的国际化区号
+     */
+    regionCode?: string;
+    value?: string;
+    onChange?: (value: string) => void;
+    style?: React.CSSProperties;
+}
+export declare const VirtualDropdown: FC<VirtualDropdownProps>;

package/types/Login/core/withVerifyCode/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import './styles.less';
+declare const LoginWithVerifyCode: (props: any) => JSX.Element;
+export { LoginWithVerifyCode };