@authing/react18-ui-components 4.4.2-alpha.1 → 4.5.0-alpha.0

package/types/MFA/core/email.d.ts

@@ -1,23 +0,0 @@
-import React from 'react';
-import { MFAConfig } from '../interface';
-interface BindMFAEmailProps {
-    mfaToken: string;
-    onBind: (email: string) => void;
-    config: any;
-}
-export declare const BindMFAEmail: React.FC<BindMFAEmailProps>;
-interface VerifyMFAEmailProps {
-    email: string;
-    mfaToken: string;
-    onVerify: (code: number, data: any) => void;
-    sendCodeRef: React.RefObject<HTMLButtonElement>;
-    codeLength: number;
-}
-export declare const VerifyMFAEmail: React.FC<VerifyMFAEmailProps>;
-export declare const MFAEmail: React.FC<{
-    mfaToken: string;
-    email?: string;
-    mfaLogin: any;
-    config: MFAConfig;
-}>;
-export {};

package/types/MFA/core/face.d.ts

@@ -1 +0,0 @@
-export declare const MFAFace: (props: any) => JSX.Element;

package/types/MFA/core/face_deps.d.ts

@@ -1,11 +0,0 @@
-export declare const devicesConstraints: {
-    video: {
-        width: number;
-        height: number;
-    };
-};
-export declare const FACE_SCORE = 0.65;
-export declare function getFaceDetectorOptions(): any;
-export declare function getCurrentFaceDetectionNet(): any;
-export declare function isFaceDetectionModelLoaded(): boolean;
-export declare function dataURItoBlob(base64Data: any): Blob;

package/types/MFA/core/sms.d.ts

@@ -1,28 +0,0 @@
-import React from 'react';
-import { GuardMFAInitData, MFAConfig } from '../interface';
-export interface BindMFASmsProps {
-    mfaToken: string;
-    onBind: (phone: string) => void;
-    config: any;
-    areaCode: string;
-    setAreaCode: (areaCode: string) => void;
-    isInternationSms: boolean;
-}
-export declare const BindMFASms: React.FC<BindMFASmsProps>;
-export interface VerifyMFASmsProps {
-    mfaToken: string;
-    phone: string;
-    onVerify: (code: number, data: any) => void;
-    sendCodeRef: React.RefObject<HTMLButtonElement>;
-    codeLength: number;
-    areaCode: string;
-    phoneCountryCode?: string;
-    isInternationSms: boolean;
-    userPhone?: string;
-}
-export declare const VerifyMFASms: React.FC<VerifyMFASmsProps>;
-export declare const MFASms: React.FC<{
-    mfaLogin: any;
-    config: MFAConfig;
-    initData: GuardMFAInitData;
-}>;

package/types/MFA/core/totp.d.ts

@@ -1,20 +0,0 @@
-import React from 'react';
-import { GuardMFAInitData, MFAConfig } from '../interface';
-export interface BindMFATotpProps {
-    initData: GuardMFAInitData;
-    changeModule: any;
-}
-export declare const BindMFATotp: React.FC<BindMFATotpProps>;
-export interface VerifyMFATotpProps {
-    mfaToken: string;
-    mfaLogin: any;
-    changeModule: any;
-}
-export declare const VerifyMFATotp: React.FC<VerifyMFATotpProps>;
-export interface MFATotpProps {
-    changeModule: any;
-    config: MFAConfig;
-    initData: GuardMFAInitData;
-    mfaLogin: any;
-}
-export declare const MFATotp: React.FC<MFATotpProps>;

package/types/MFA/index.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import './styles.less';
-interface MFABackStateContextType {
-    setMfaBackState: React.Dispatch<React.SetStateAction<string>>;
-    mfaBackState: string;
-}
-export declare const MFABackStateContext: React.Context<MFABackStateContextType | undefined>;
-export declare const GuardMFAView: React.FC;
-export {};

package/types/MFA/interface.d.ts

@@ -1,43 +0,0 @@
-import { IG2Config, IG2Events, IG2FCProps } from '../Type';
-import { AuthenticationClient, User } from 'authing-js-sdk';
-export interface MFAConfig extends IG2Config {
-    autoRegister: boolean;
-}
-export declare const getDefaultMFAConfig: () => MFAConfig;
-export interface MFAEvents extends IG2Events {
-    onLogin?: (user: User, authClient: AuthenticationClient) => void;
-}
-export declare enum MFAType {
-    SMS = "SMS",
-    EMAIL = "EMAIL",
-    TOTP = "OTP",
-    FACE = "FACE"
-}
-export interface GuardMFAInitData {
-    mfaToken: string;
-    applicationMfa: {
-        mfaPolicy: MFAType;
-        sort: number;
-        status: 0 | 1;
-    }[];
-    phoneCountryCode?: string;
-    faceMfaEnabled: boolean;
-    totpMfaEnabled: boolean;
-    email?: string;
-    phone?: string;
-    avatar?: string;
-    nickme?: string;
-    username?: string;
-    current?: MFAType;
-    mfaPhoneCountryCode?: string;
-    mfaPhone?: string;
-    mfaEmail?: string;
-}
-export interface GuardMFAProps extends IG2FCProps, MFAEvents {
-    config: Partial<MFAConfig>;
-    initData: GuardMFAInitData;
-}
-export interface GuardMFAViewProps extends GuardMFAProps {
-    config: MFAConfig;
-    initData: GuardMFAInitData;
-}

package/types/MFA/mfaMethods/index.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { MFAType } from '../interface';
-import './style.less';
-export interface MFAMethodsProps {
-    method: MFAType;
-    onChangeMethod: (type: MFAType) => void;
-}
-export declare const MFAMethods: React.FC<MFAMethodsProps>;

package/types/NeedHelpView/core/describeQuestions.d.ts

@@ -1,7 +0,0 @@
-interface describeQuestionsProps {
-    appId: string;
-    host: string;
-    onSuccess: any;
-}
-export declare const DescribeQuestions: (props: describeQuestionsProps) => JSX.Element;
-export {};

package/types/NeedHelpView/index.d.ts

@@ -1 +0,0 @@
-export declare const GuardNeedHelpView: (props: any) => JSX.Element;

package/types/NewSubmitSuccess/index.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const GuardNewSubmitSuccessView: React.FC;

package/types/NewSubmitSuccess/interface.d.ts

@@ -1,19 +0,0 @@
-import { GuardModuleType } from '../Guard';
-import { IG2Config, IG2Events, IG2FCViewProps } from '../Type';
-export interface SubmitSuccessEvents extends IG2Events {
-}
-export interface SubmitSuccessConfig extends IG2Config {
-}
-export interface SubmitSuccessInitData {
-    title?: string;
-    message?: string;
-    text?: string;
-    countDesc?: string;
-    changeModule?: GuardModuleType;
-    needBack?: boolean;
-    goBack?: () => void;
-}
-export interface GuardNewSubmitSuccessViewProps extends IG2FCViewProps, SubmitSuccessEvents {
-    config: SubmitSuccessConfig;
-    initData?: SubmitSuccessInitData;
-}

package/types/Qrcode/UiQrCode.d.ts

@@ -1,51 +0,0 @@
-import React from 'react';
-import './index.less';
-import { CodeStatusDescriptions } from './WorkQrCode';
-export type CodeStatus = 'loading' | 'ready' | 'already' | 'success' | 'error' | 'expired' | 'cancel' | 'MFA';
-export declare const prefix: string;
-export interface UiQrProps {
-    /**
-     * Loading 组件
-     */
-    loadingComponent?: React.ReactElement;
-    /**
-     * 二维码组件三种状态
-     * ready 准备状态
-     * already 已扫描状态
-     * success 扫描成功/登录成功状态
-     * error 错误状态（超时、网络错误）
-     */
-    status: CodeStatus;
-    /**
-     * 二维码 URL
-     */
-    src?: string;
-    /**
-     * 二维码底部内容
-     */
-    descriptions: CodeStatusDescriptions;
-    /**
-     * 外层 container 样式
-     */
-    containerStyle?: React.CSSProperties;
-    /**
-     * 内层 container 样式(图片)
-     */
-    imageStyle?: React.CSSProperties;
-    /**
-     * 二维码图片准备好的回调
-     */
-    onLoad?: () => void;
-    /**
-     * 点击遮罩中的内容区
-     * status 当前组件所处状态
-     */
-    onClickMaskEl?: (status: CodeStatus) => void;
-    /**
-     * 点击全部遮罩区域
-     * status 当前组件所处状态
-     */
-    onMaskContent?: (status: CodeStatus) => void;
-}
-declare const UiQrCode: React.NamedExoticComponent<UiQrProps>;
-export { UiQrCode };

package/types/Qrcode/WorkQrCode.d.ts

@@ -1,41 +0,0 @@
-import React from 'react';
-import { QrCodeResponse } from './hooks/usePostQrCode';
-import { CodeStatus, UiQrProps } from './UiQrCode';
-/**
- * 二维码不同状态下的底部描述文字
- */
-export type CodeStatusDescriptions = Partial<Record<Exclude<CodeStatus, 'loading'>, React.ReactNode | ((referQrCode?: () => void) => React.ReactNode)>>;
-export interface WorkQrCodeRef {
-    referQrCode: () => Promise<{
-        random: string;
-        url: string;
-    } | undefined>;
-}
-interface WorkQrCodeProps extends Omit<UiQrProps, 'description' | 'status'> {
-    /**
-     * 二维码场景
-     */
-    scene: 'WXAPP_AUTH' | 'APP_AUTH' | 'WECHATMP_AUTH';
-    /**
-     * 不同状态请求文字
-     */
-    descriptions: CodeStatusDescriptions;
-    /**
-     * 睡眠时间 默认 1000
-     */
-    sleepTime?: number;
-    /**
-     * 每当状态变化时，触发的 callback 。
-     */
-    onStatusChange?: (status: CodeStatus, data: QrCodeResponse) => void;
-    /**
-     * 不同状态下点击遮罩中间区域方法
-     */
-    onClickMaskContent?: (status: CodeStatus) => void;
-    /**
-     * 不同二维码下生成配置
-     */
-    qrCodeScanOptions?: any;
-}
-declare const WorkQrCode: React.ForwardRefExoticComponent<WorkQrCodeProps & React.RefAttributes<any>>;
-export { WorkQrCode };

package/types/Qrcode/hooks/useImage.d.ts

@@ -1,4 +0,0 @@
-declare const useImage: (src: string | undefined, options: {
-    onLoad?: (() => void) | undefined;
-}) => (string | undefined)[];
-export { useImage };

package/types/Qrcode/hooks/usePostQrCode.d.ts

@@ -1,72 +0,0 @@
-/// <reference types="react" />
-import { AuthingGuardResponse, AuthingResponse } from '../../_utils/http';
-import { CodeStatus } from '../UiQrCode';
-import { CodeStatusDescriptions } from '../WorkQrCode';
-import { ReducerType, RootState } from './usePreQrCode';
-export interface QrCodeResponse {
-    /**
-     * 根据状态确定不同的流程
-     */
-    status: number;
-    /**
-     * 返回的随机值
-     */
-    random: number;
-    /**
-     * 返回的用户信息
-     */
-    userInfo?: any;
-    /**
-     * 扫码成功后 Tick 换取用户信息
-     */
-    ticket?: string;
-    /**
-     * MFA 状态下的返回
-     */
-    scannedResult?: AuthingResponse;
-}
-/**
- * 二维码请求相关
- */
-interface QrCodeRequest {
-    genCodeRequest?: () => Promise<AuthingGuardResponse<{
-        random: string;
-        url: string;
-    }>>;
-    /**
-     * 未扫码下的请求方法
-     */
-    readyCheckedRequest?: () => Promise<AuthingGuardResponse<QrCodeResponse>>;
-    /**
-     * 已经扫码下的请求方法（待确认）
-     */
-    alreadyCheckedRequest?: () => Promise<AuthingGuardResponse<QrCodeResponse>>;
-    /**
-     * 使用 ticket 交换用户信息
-     */
-    exchangeUserInfo?: (ticket: string) => Promise<any>;
-}
-interface QrCodeOptions {
-    state: RootState;
-    dispatch: React.Dispatch<{
-        type: ReducerType;
-        payload: Partial<RootState>;
-    }>;
-    descriptions: CodeStatusDescriptions;
-    /**
-     * check 轮询间隔时间
-     */
-    sleepTime?: number;
-    /**
-     * 状态改变时触发事件，仅在 Server 返回的二维码状态改变时进行触发
-     */
-    onStatusChange?: (status: CodeStatus, data: QrCodeResponse) => void;
-}
-/**
- * 二维码处理阶段
- * 二维码处理阶段分为两个主要流程
- * 1. 同一状态下的轮询逻辑处理
- * 2. 根据不同返回状态码进行处理
- */
-export declare const useQrCode: (options: QrCodeOptions, request: QrCodeRequest) => void;
-export {};

package/types/Qrcode/hooks/usePreQrCode.d.ts

@@ -1,31 +0,0 @@
-/// <reference types="react" />
-import { CodeStatus } from '../UiQrCode';
-export type ReducerType = 'change' | 'changeStatus' | 'changeDesc';
-export type RootState = {
-    /**
-     * 状态
-     */
-    status: CodeStatus;
-    /**
-     * 底部描述
-     */
-    /**
-     * 当前二维码 URL
-     */
-    src?: string;
-    /**
-     * 二维码随机值
-     */
-    random?: string;
-};
-/**
- * QrCode 准备阶段 Hook
- */
-declare const usePreQrCode: () => {
-    state: RootState;
-    dispatch: import("react").Dispatch<{
-        type: ReducerType;
-        payload: Partial<RootState>;
-    }>;
-};
-export { usePreQrCode };

package/types/Qrcode/hooks/useStatus.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { CodeStatus } from '../UiQrCode';
-/**
- * 根据不同状态添加不同的元素
- * 维护不同状态的处理
- */
-declare const useStatus: (status: CodeStatus) => React.ReactNode[];
-export { useStatus };

package/types/Qrcode/index.d.ts

@@ -1,7 +0,0 @@
-import { UiQrCode } from './UiQrCode';
-import { WorkQrCode } from './WorkQrCode';
-type IQrCode = typeof WorkQrCode & {
-    UI: typeof UiQrCode;
-};
-declare const QrCode: IQrCode;
-export { QrCode };

package/types/RecoveryCode/businessRequest.d.ts

@@ -1,5 +0,0 @@
-export declare enum TotpRecoveryCodeBusinessAction {
-    RecoveryTotp = "recovery-totp",
-    ConfirmTotpRecoveryCode = "confirm-totp-recovery-code"
-}
-export declare function authFlow<T>(action: TotpRecoveryCodeBusinessAction, content: any): Promise<import("../_utils/http").AuthingGuardResponse<T>>;

package/types/RecoveryCode/core/saveCode.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-export declare const SaveCode: React.FC<{
-    secret: string;
-    onBind: any;
-}>;

package/types/RecoveryCode/core/useCode.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import { User } from 'authing-js-sdk';
-export interface UseCodeProps {
-    mfaToken: string;
-    onSubmit: (recoveryCode: string, user?: User) => void;
-}
-export declare const UseCode: React.FC<UseCodeProps>;

package/types/RecoveryCode/index.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import './style.less';
-export declare const RecoveryCode: React.FC;
-export declare const RecoveryCodeAuthFlow: React.FC;
-export declare const GuardRecoveryCodeView: React.FC;

package/types/RecoveryCode/interface.d.ts

@@ -1,8 +0,0 @@
-import { IG2Config, IG2Events } from '../Type';
-import { AuthenticationClient, User } from 'authing-js-sdk';
-export interface RecoveryCodeConfig extends IG2Config {
-}
-export declare const getDefaultRecoveryCodeConfig: () => RecoveryCodeConfig;
-export interface RecoveryCodeEvents extends IG2Events {
-    onLogin?: (user: User, authClient: AuthenticationClient) => void;
-}

package/types/Register/codemap.d.ts

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

package/types/Register/components/Agreements/index.d.ts

@@ -1,11 +0,0 @@
-import React, { FC } from 'react';
-import './style.less';
-import { Agreement } from '../../../Type/application';
-export interface AgreementsProps {
-    value?: boolean;
-    onChange?: (value: boolean) => void;
-    style?: React.CSSProperties;
-    agreements: Agreement[];
-    showError?: boolean;
-}
-export declare const Agreements: FC<AgreementsProps>;

package/types/Register/core/WithCode.d.ts

@@ -1,17 +0,0 @@
-import React from 'react';
-import { Agreement, ApplicationConfig } from '../../Type/application';
-export interface RegisterWithCodeProps {
-    onRegisterSuccess: Function;
-    onRegisterFailed: Function;
-    onBeforeRegister?: Function;
-    agreements: Agreement[];
-    publicConfig?: ApplicationConfig;
-    registeContext?: any;
-    methods: any[];
-}
-/**
- * 手机 Code 注册
- * @param param0
- * @returns
- */
-export declare const RegisterWithCode: React.FC<RegisterWithCodeProps>;

package/types/Register/core/WithEmail.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-import { Agreement, ApplicationConfig } from '../../Type/application';
-export interface RegisterWithEmailProps {
-    onRegisterSuccess: Function;
-    onRegisterFailed: Function;
-    onBeforeRegister?: Function;
-    publicConfig?: ApplicationConfig;
-    agreements: Agreement[];
-    registeContext?: any;
-    label?: string;
-    method?: string;
-}
-export declare const RegisterWithEmail: React.FC<RegisterWithEmailProps>;

package/types/Register/core/WithEmailCode.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import { Agreement, ApplicationConfig } from '../../Type/application';
-export interface RegisterWithEmailCodeProps {
-    onRegisterSuccess: Function;
-    onRegisterFailed: Function;
-    onBeforeRegister?: Function;
-    agreements: Agreement[];
-    publicConfig?: ApplicationConfig;
-    registeContext?: any;
-}
-export declare const RegisterWithEmailCode: React.FC<RegisterWithEmailCodeProps>;

package/types/Register/core/WithPhone.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import { Agreement, ApplicationConfig } from '../../Type/application';
-export interface RegisterWithPhoneProps {
-    onRegisterSuccess: Function;
-    onRegisterFailed: Function;
-    agreements: Agreement[];
-    publicConfig?: ApplicationConfig;
-    registeContext?: any;
-}
-export declare const RegisterWithPhone: React.FC<RegisterWithPhoneProps>;

package/types/Register/index.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const GuardRegisterView: React.FC;

package/types/Register/interface.d.ts

@@ -1,25 +0,0 @@
-import { AuthenticationClient, User } from 'authing-js-sdk';
-import { IG2FCProps, IG2Config, IG2Events } from '../Type';
-import { Agreement, RegisterMethods } from '../Type/application';
-export interface RegisterConfig extends IG2Config {
-    disableRegister?: boolean;
-    registerMethods?: string[];
-    defaultRegisterMethod?: string;
-    publicKey?: string;
-    agreementEnabled?: boolean;
-    agreements?: Agreement[];
-    registerContext?: any;
-}
-export interface RegisterEvents extends IG2Events {
-    onBeforeRegister?: (registerInfo: any, authClient: AuthenticationClient) => boolean | Promise<boolean>;
-    onRegister?: (user: User, authClient: AuthenticationClient) => void;
-    onRegisterError?: (error: any) => void;
-    onRegisterTabChange?: (activeTab: RegisterMethods) => void;
-}
-export interface GuardRegisterProps extends IG2FCProps, RegisterEvents {
-    config?: Partial<RegisterConfig>;
-}
-export interface GuardRegisterViewProps extends GuardRegisterProps {
-    config: RegisterConfig;
-}
-export declare const getDefaultRegisterConfig: () => RegisterConfig;

package/types/Register/utils.d.ts

@@ -1 +0,0 @@
-export declare const useIsChangeComplete: (currentMode: 'phone' | 'email') => boolean;

package/types/SelectAccount/index.d.ts

@@ -1,2 +0,0 @@
-import './style.less';
-export declare const GuardSelectAccountView: () => JSX.Element;

package/types/SelectAccount2Login/index.d.ts

@@ -1,2 +0,0 @@
-import './style.less';
-export declare const GuardSelectAccount2LoginView: () => JSX.Element;

package/types/SelfUnlock/core/selfUnlock.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-export declare enum InputMethodMap {
-    email = "email-code",
-    phone = "phone-code"
-}
-export declare const SelfUnlock: ({ identifyRef, }: {
-    identifyRef?: React.MutableRefObject<string> | undefined;
-}) => JSX.Element;

package/types/SelfUnlock/index.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const GuardUnlockView: React.FC;

package/types/SelfUnlock/interface.d.ts

@@ -1,15 +0,0 @@
-import { AuthenticationClient, CommonMessage } from 'authing-js-sdk';
-import { IG2Config, IG2Events, IG2FCProps } from '../Type';
-export interface ForgetPasswordEvents extends IG2Events {
-    onPwdEmailSend?: (authClient: AuthenticationClient) => void;
-    onPwdEmailSendError?: (error: CommonMessage, authClient: AuthenticationClient) => void;
-    onPwdPhoneSend?: (authClient: AuthenticationClient) => void;
-    onPwdPhoneSendError?: (error: CommonMessage, authClient: AuthenticationClient) => void;
-    onPwdReset?: (authClient: AuthenticationClient) => void;
-    onPwdResetError?: (error: CommonMessage, authClient: AuthenticationClient) => void;
-}
-export interface ForgetPasswordConfig extends IG2Config {
-}
-export interface ForgetPasswordProps extends IG2FCProps, ForgetPasswordEvents {
-    config: Partial<IG2Config>;
-}

package/types/SendCode/SendCodeBtn.d.ts

@@ -1,10 +0,0 @@
-import React, { FC } from 'react';
-import './style.less';
-import { ButtonProps } from 'antd/lib/button';
-export interface SendCodeProps extends ButtonProps {
-    beforeSend: () => Promise<boolean>;
-    btnRef?: React.RefObject<HTMLButtonElement>;
-    setSent?: (value: boolean) => void;
-    sendDesc?: string;
-}
-export declare const SendCodeBtn: FC<SendCodeProps>;

package/types/SendCode/SendCodeByEmail.d.ts

@@ -1,13 +0,0 @@
-import { FC } from 'react';
-import './style.less';
-import { InputProps } from 'antd/lib/input';
-import { EmailScene } from '../Type';
-export interface SendCodeByEmailProps extends InputProps {
-    data?: string;
-    form?: any;
-    onSendCodeBefore?: any;
-    fieldName?: string;
-    autoSubmit?: boolean;
-    scene: EmailScene;
-}
-export declare const SendCodeByEmail: FC<SendCodeByEmailProps>;

package/types/SendCode/SendCodeByPhone.d.ts

@@ -1,15 +0,0 @@
-import { FC } from 'react';
-import { SceneType } from 'authing-js-sdk';
-import './style.less';
-import { InputProps } from 'antd/lib/input';
-export interface SendCodeByPhoneProps extends InputProps {
-    data?: string;
-    form?: any;
-    onSendCodeBefore?: any;
-    fieldName?: string;
-    autoSubmit?: boolean;
-    scene: SceneType;
-    areaCode?: string;
-    isInternationSms?: boolean;
-}
-export declare const SendCodeByPhone: FC<SendCodeByPhoneProps>;

package/types/SendCode/index.d.ts

@@ -1,9 +0,0 @@
-import { FC } from 'react';
-import './style.less';
-import { InputProps } from 'antd/lib/input';
-export interface SendPhoneCodeProps extends InputProps {
-    form?: any;
-    beforeSend?: any;
-    autoSubmit?: boolean;
-}
-export declare const SendCode: FC<SendPhoneCodeProps>;