@authing/react-ui-components 4.0.4-rc.1 → 4.0.4-rc.13

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@authing/react-ui-components",
-  "version": "4.0.4-rc.1",
+  "version": "4.0.4-rc.13",
   "private": false,
   "main": "lib/index.min.js",
   "typings": "types/index.d.ts",

package/types/Guard/core/renderModule.d.ts

@@ -3,7 +3,8 @@ import { GuardProps } from '..';
 import '../styles.less';
 export declare enum LangMAP {
     zhCn = "zh-CN",
-    enUs = "en-US"
+    enUs = "en-US",
+    jaJp = "ja-JP"
 }
 export declare const RenderModule: React.FC<{
     guardProps: GuardProps;

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

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

package/types/Type/index.d.ts

@@ -4,7 +4,7 @@ import { FacePlugin } from '../_utils/facePlugin/interface';
 import { ApplicationConfig } from './application';
 export * from './application';
 export type { CommonMessage, User };
-export declare type Lang = 'zh-CN' | 'en-US' | 'zh-TW';
+export declare type Lang = 'zh-CN' | 'en-US' | 'zh-TW' | 'ja-JP';
 export declare enum GuardMode {
     Modal = "modal",
     Normal = "normal"

package/types/_utils/locales/index.d.ts

@@ -3,5 +3,6 @@ import { Lang } from '../../Type';
 export interface InitGuardI18nOptions {
     defaultLanguage?: Lang | 'browser';
 }
-export declare const initGuardI18n: (options: InitGuardI18nOptions) => void;
+export declare const fallbackLng: (code?: string) => string[];
+export declare const initGuardI18n: (options: InitGuardI18nOptions, callback: React.Dispatch<React.SetStateAction<boolean>>) => Promise<void>;
 export { i18n };

package/types/_utils/locales/ja-jp/index.d.ts

@@ -0,0 +1,4 @@
+import common from './common.json';
+import login from './login.json';
+import user from './user.json';
+export { common, login, user };

package/types/_utils/types.d.ts

@@ -0,0 +1,13 @@
+export declare enum SceneType {
+    SCENE_TYPE_LOGIN = "CHANNEL_LOGIN",
+    SCENE_TYPE_REGISTER = "CHANNEL_REGISTER",
+    SCENE_TYPE_RESET = "CHANNEL_RESET_PASSWORD",
+    SCENE_TYPE_BIND = "CHANNEL_BIND_PHONE",
+    SCENE_TYPE_UNBIND = "CHANNEL_UNBIND_PHONE",
+    SCENE_TYPE_MFA_BIND = "CHANNEL_BIND_MFA",
+    SCENE_TYPE_MFA_VERIFY = "CHANNEL_VERIFY_MFA",
+    SCENE_TYPE_MFA_UNBIND = "CHANNEL_UNBIND_MFA",
+    SCENE_TYPE_COMPLETE_PHONE = "CHANNEL_COMPLETE_PHONE",
+    CHANNEL_IDENTITY_VERIFICATION = "CHANNEL_IDENTITY_VERIFICATION",
+    CHANNEL_DELETE_ACCOUNT = "CHANNEL_DELETE_ACCOUNT"
+}

package/types/version/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "4.0.4-rc.1";
+declare const _default: "4.0.4-rc.13";
 export default _default;

package/types/AccountMerge/UserRadio.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import { UserRadioItemProps, UserRadioProps } from './interface';
-import './styles.less';
-export declare const UserRadioItem: React.FC<UserRadioItemProps>;
-export declare const UserRadio: React.FC<UserRadioProps>;

package/types/AccountMerge/index.d.ts

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

package/types/AccountMerge/interface.d.ts

@@ -1,27 +0,0 @@
-export interface BriefUserInfo {
-    displayName: string;
-    avatar: string;
-    phone: string;
-    email: string;
-    username: string;
-    name: string;
-}
-export interface GuardAccountMergeInitData {
-    currentUserInfo: BriefUserInfo;
-    existingUserInfo: BriefUserInfo;
-    mergeToken?: string;
-}
-export interface UserRadioProps {
-    currentUserInfo: BriefUserInfo;
-    existingUserInfo: BriefUserInfo;
-    onChange?: (value: any) => void;
-    value?: any;
-}
-export interface UserRadioItemProps extends BriefUserInfo {
-    value: boolean;
-    selected: boolean;
-    onClick: (value: boolean) => void;
-}
-export declare enum AuthFlowAction {
-    MERGE = "confirm-account-merge"
-}

package/types/AccountMerge/utils.d.ts

@@ -1,3 +0,0 @@
-import { User } from 'authing-js-sdk';
-export declare const getDisplayName: (user: User) => string;
-export declare const getDisplayNameByEmail: (displayName: string) => string;

package/types/BindTotp/api/constant.d.ts

@@ -1,2 +0,0 @@
-export declare const mfaAuthenticatorUrl: () => string;
-export declare const mfaTotpAssociateUrl: () => string;

package/types/BindTotp/api/index.d.ts

@@ -1,19 +0,0 @@
-import { AxiosRequestConfig } from 'axios';
-export { authFlowByAxios } from 'service/api';
-/**
- * 验证是否已登陆
- * @param data
- * @param config
- */
-export declare const mfaTotpAuthenticatorByAxios: (params: {
-    source: string;
-}, config: AxiosRequestConfig) => Promise<import("../../_utils/http").AuthingGuardResponse<any>>;
-/**
- * 已登陆 totp 拉取二维码、Secret 信息
- * @param data
- * @param config
- * @returns
- */
-export declare const mfaTotpAssociateByAxios: (data: {
-    source: string;
-}, config: AxiosRequestConfig) => Promise<import("../../_utils/http").AuthingGuardResponse<any>>;

package/types/ChangePassword/api/index.d.ts

@@ -1,3 +0,0 @@
-import { registerEmailCodeByAxios } from '../../Register/api/index';
-import { authFlowByAxios } from 'service/api';
-export { authFlowByAxios, registerEmailCodeByAxios };

package/types/CompleteInfo/api/constant.d.ts

@@ -1 +0,0 @@
-export declare const getCompletionMetaDataUrl: () => string;

package/types/CompleteInfo/api/index.d.ts

@@ -1,4 +0,0 @@
-import { authFlowByAxios, getCountryLists, validateAccountByAxios, validateEmailCodeByAxios, validatePhoneCodeByAxios } from 'service/api';
-import { registerEmailCodeByAxios } from '../../Register/api/index';
-import { getRegisterMetadata } from './request';
-export { registerEmailCodeByAxios, authFlowByAxios, getCountryLists, validateAccountByAxios, validateEmailCodeByAxios, validatePhoneCodeByAxios, getRegisterMetadata, };

package/types/CompleteInfo/api/request.d.ts

@@ -1,8 +0,0 @@
-import { AxiosRequestConfig } from 'axios';
-/**
- * 获取注册信息补全元数据
- * @param params
- * @param config
- * @returns
- */
-export declare const getRegisterMetadata: (params?: any, config?: AxiosRequestConfig<any> | undefined) => Promise<import("../../_utils/http").AuthingGuardResponse<any>>;

package/types/CompleteInfo/core/components/TreeSelect.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-export declare type OptionType = {
-    id: string;
-    name: string;
-    children: OptionType[];
-};
-interface TreeSelectProps {
-    options: OptionType[];
-}
-declare const TreeSelect: React.FC<TreeSelectProps>;
-export default TreeSelect;

package/types/ForgetPassword/api/constant.d.ts

@@ -1 +0,0 @@
-export declare const resetPasswordUrl: () => string;

package/types/ForgetPassword/api/index.d.ts

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

package/types/ForgetPassword/api/request.d.ts

@@ -1,24 +0,0 @@
-import { AxiosRequestConfig } from 'axios';
-/**
- * 忘记密码-重置密码 邮箱
- * @param data
- * @param config
- * @returns
- */
-export declare const resetPwdEmailByAxios: (data: {
-    email: string;
-    code: string;
-    newPassword: string;
-}, config?: AxiosRequestConfig<any> | undefined) => Promise<import("../../_utils/http").AuthingGuardResponse<any>>;
-/**
- * 忘记密码-重置密码 手机号
- * @param data
- * @param config
- * @returns
- */
-export declare const restPwdPhoneByAxios: (data: {
-    phone: string;
-    code: string;
-    newPassword: string;
-    phoneCountryCode?: string;
-}, config?: AxiosRequestConfig<any> | undefined) => Promise<import("../../_utils/http").AuthingGuardResponse<any>>;

package/types/Guard/api/constant.d.ts

@@ -1,2 +0,0 @@
-export declare const publishConfig: (appId: string) => string;
-export declare const pageConfig: (appId: string) => string;

package/types/Guard/api/index.d.ts

@@ -1,13 +0,0 @@
-import { AxiosRequestConfig } from 'axios';
-/**
- * 获取应用配置信息
- * @param appId 当前应用配置信息
- * @returns
- */
-export declare const getPublishConfigByAxios: <T>(appId: string, config?: AxiosRequestConfig<any> | undefined) => Promise<import("../../_utils/http").AuthingGuardResponse<T>>;
-/**
- * 获取页面配置
- * @param appId 当前应用配置信息
- * @returns
- */
-export declare const getPageConfigByAxios: <T>(appId: string, config?: AxiosRequestConfig<any> | undefined) => Promise<import("../../_utils/http").AuthingGuardResponse<T>>;

package/types/Guard/core/componentsMapping.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { GuardModuleType } from '../module';
-/**
- * 组件映射表
- * TODO: 斟酌下是否和上层 module.ts 放在一起的单个文件夹中 感觉可放可不放
- */
-declare const ComponentsMapping: Record<GuardModuleType, (key: string) => React.ReactNode>;
-export default ComponentsMapping;

package/types/Guard/core/hooks/useBusinessRequest.d.ts

@@ -1,14 +0,0 @@
-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;
-};

package/types/Guard/core/hooks/useCss.d.ts

@@ -1,5 +0,0 @@
-/**
- * 自定义 CSS 相关，finallyConfig 类型待补充
- * @param finallyConfig
- */
-export default function useCss(finallyConfig: any): void;

package/types/Guard/core/hooks/useEvents.d.ts

@@ -1,15 +0,0 @@
-/// <reference types="react" />
-import { GuardEvents } from '../../event';
-import { GuardProps } from '../../Guard';
-import { StoreInstance } from './useMultipleAccounts';
-/**
- * 初始化事件
- * @param guardProps
- * @param openEventsMapping
- * @returns
- */
-export default function useEvents(guardProps: GuardProps, multipleInstance?: StoreInstance, openEventsMapping?: boolean): {
-    events: GuardEvents | undefined;
-    setEvents: import("react").Dispatch<import("react").SetStateAction<GuardEvents | undefined>>;
-    initEvents: () => void;
-};

package/types/Guard/core/hooks/useFDA.d.ts

@@ -1,20 +0,0 @@
-/// <reference types="react" />
-import { GuardEvents } from '../../event';
-import { GuardStateMachine, ModuleState } from '../../GuardModule/stateMachine';
-import { GuardModuleType } from '../../module';
-import { ChangeModuleCore } from './useModule';
-/**
- * 初始化 FDA ，后续 Guard 渲染全部按照 FDA API 执行
- * @param onChangeModule FDA 内部更新组件核心方法
- * @param initState 初始化状态
- * @returns { guardStateMachine,setGuardStateMachine }
- */
-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;
-};

package/types/Guard/core/hooks/useModule.d.ts

@@ -1,16 +0,0 @@
-import { GuardEvents } from '../../event';
-import { ModuleState } from '../../GuardModule/stateMachine';
-import { GuardModuleType } from '../../module';
-export interface ChangeModuleCore {
-    (type: GuardModuleType, initData?: any): Promise<void>;
-}
-/**
- * Guard 组件渲染状态
- * @param initializeState 初始化数据
- * @param events Guard 事件对象
- * @returns moduleState 组件当前渲染状态，onChangeModule 切换状态方法
- */
-export default function useModule(initializeState: ModuleState, events?: GuardEvents): {
-    moduleState: ModuleState;
-    onChangeModule: ChangeModuleCore;
-};

package/types/IdentityBinding/api/index.d.ts

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

package/types/IdentityBinding/api/request.d.ts

@@ -1 +0,0 @@
-export { authFlowByAxios } from 'service/api';

package/types/IdentityBindingAsk/api/index.d.ts

@@ -1,9 +0,0 @@
-import { AxiosRequestConfig } from 'axios';
-/**
- * 状态机
- * @param action
- * @param config
- * @returns
- */
-declare const authFlow: (action: string, config?: AxiosRequestConfig<any> | undefined) => Promise<import("../../_utils/http").AuthingGuardResponse<any>>;
-export { authFlow };

package/types/Login/api/constant.d.ts

@@ -1,6 +0,0 @@
-export declare const loginUrlByPassword: (isAdWay: boolean) => "/api/v2/login/ad-all-in-one" | "/api/v2/login/account";
-export declare const loginUrlByPhoneCode: () => string;
-export declare const loginUrlByEmailCode: () => string;
-export declare const loginUrlByAD: () => string;
-export declare const loginUrlByLDAP: () => string;
-export declare const preLoginUrlByOIDC: () => string;

package/types/Login/api/index.d.ts

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

package/types/Login/api/request.d.ts

@@ -1,114 +0,0 @@
-import { AxiosRequestConfig } from 'axios';
-export interface LoginParams<T = any> {
-    /**
-     * 登陆自定义参数
-     */
-    customData: T;
-    /**
-     * 是否自动注册
-     */
-    autoRegister?: boolean;
-    /**
-     * 是否携带自定义数据
-     */
-    withCustomData?: boolean;
-}
-/**
- * 密码登陆请求参数
- */
-export interface LoginParamsWithPassword<T = any> extends LoginParams<T> {
-    /**
-     * 账号
-     */
-    account: string;
-    /**
-     * 密码
-     */
-    password: string;
-    /**
-     * 验证码
-     */
-    captchaCode: string;
-}
-/**
- * 密码登陆
- */
-export declare const loginRequestByAxios: <T>(data: LoginParams, way?: boolean, config?: AxiosRequestConfig<any> | undefined) => Promise<import("../../_utils/http").AuthingGuardResponse<T>>;
-/**
- * 手机登陆请求参数
- */
-export interface LoginParamsWithPhone<T = any> extends LoginParams<T> {
-    /**
-     * 手机号
-     */
-    phone: string;
-    /**
-     * 验证码
-     */
-    code: string;
-    /**
-     * 手机前位数
-     */
-    phoneCountryCode?: number;
-}
-/**
- * 手机验证码登陆
- * @param data
- * @returns
- */
-export declare const mobileLoginByAxios: (data: LoginParamsWithPhone, config?: AxiosRequestConfig<any> | undefined) => Promise<import("../../_utils/http").AuthingGuardResponse<any>>;
-/**
- * 手机登陆请求参数
- */
-export interface LoginParamsWithEmail<T = any> extends LoginParams<T> {
-    /**
-     * 邮箱号
-     */
-    email: string;
-    /**
-     * 验证码
-     */
-    code: string;
-}
-/**
- * 邮箱登陆
- * @param data
- * @param config
- * @returns
- */
-export declare const emailLoginByAxios: (data: LoginParamsWithEmail, config?: AxiosRequestConfig<any> | undefined) => Promise<import("../../_utils/http").AuthingGuardResponse<any>>;
-/**
- * AD 登陆
- * @param data
- * @returns
- */
-export declare const adLoginByAxios: (data: {
-    username: string;
-    password: string;
-}, config?: AxiosRequestConfig<any> | undefined) => Promise<import("../../_utils/http").AuthingGuardResponse<any>>;
-/**
- * LDAP 登陆
- * @param data
- * @returns
- */
-export declare const ldapLoginByAxios: (data: {
-    username: string;
-    password: string;
-}, config?: AxiosRequestConfig<any> | undefined) => Promise<import("../../_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 declare const preLoginOIDCByAxios: (data: PreOIDCParams, config?: AxiosRequestConfig<any> | undefined) => Promise<import("../../_utils/http").AuthingGuardResponse<any>>;
-export {};

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

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

package/types/MFA/api/constant.d.ts

@@ -1,6 +0,0 @@
-export declare const uploadFaceUrl: () => string;
-export declare const verifyEmailUrl: () => string;
-export declare const verifySmsUrl: () => string;
-export declare const verifyTotpUrl: () => string;
-export declare const verifyFaceUrl: () => string;
-export declare const faceAssociateUrl: () => string;

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

@@ -1,2 +0,0 @@
-export { sendEmailCodeByAxios } from 'service/api';
-export * from './request';

package/types/MFA/api/request.d.ts

@@ -1,50 +0,0 @@
-import { AxiosRequestConfig } from 'axios';
-/**
- * 上传绑定人脸识别的照片
- */
-export declare const uploadFaceImageByAxios: <T = any>(data: FormData, config?: AxiosRequestConfig<any> | undefined) => Promise<import("../../_utils/http").AuthingGuardResponse<T>>;
-/**
- * 邮箱 mfa 认证
- * @param data
- * @param config
- */
-export declare const verifyEmailMfaByAxios: (data: {
-    email: string;
-    code: string;
-}, config?: AxiosRequestConfig<any> | undefined) => Promise<import("../../_utils/http").AuthingGuardResponse<any>>;
-/**
- * 短信 mfa 认证
- * @param data
- * @param config
- */
-export declare const verifySmsMfaByAxios: (data: {
-    phone: string;
-    code: string;
-    phoneCountryCode?: string;
-}, config?: AxiosRequestConfig<any> | undefined) => Promise<import("../../_utils/http").AuthingGuardResponse<any>>;
-/**
- * totp mfa 认证
- * @param data
- * @param config
- */
-export declare const verifyTotpMfaByAxios: (data: {
-    totp: string;
-}, config?: AxiosRequestConfig<any> | undefined) => Promise<import("../../_utils/http").AuthingGuardResponse<any>>;
-/**
- * 人脸识别 mfa 认证
- * @param data
- * @param config
- */
-export declare const verifyFaceMfaByAxios: (data: {
-    photo: string;
-}, config?: AxiosRequestConfig<any> | undefined) => Promise<import("../../_utils/http").AuthingGuardResponse<any>>;
-/**
- * 人脸对比绑定
- * @param data
- * @param config
- */
-export declare const bindFaceMfaByAxios: (data: {
-    photoA: string;
-    photoB: string;
-    isExternalPhoto?: boolean;
-}, config?: AxiosRequestConfig<any> | undefined) => Promise<import("../../_utils/http").AuthingGuardResponse<any>>;

package/types/NeedHelpView/api/constant.d.ts

@@ -1 +0,0 @@
-export declare const feedbackUrl: () => string;

package/types/NeedHelpView/api/index.d.ts

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

package/types/NeedHelpView/api/request.d.ts

@@ -1,12 +0,0 @@
-/**
- * 问题反馈
- * @param data
- * @returns
- */
-export declare const feedbackByAxios: (data: {
-    type: number;
-    description: string;
-    phone: string;
-    images: string[];
-    appId: string;
-}) => Promise<import("../../_utils/http").AuthingGuardResponse<any>>;

package/types/Qrcode/api/constant.d.ts

@@ -1,3 +0,0 @@
-export declare const qrcodeCheckUrl: (random: string) => string;
-export declare const exChangeUserInfoUrl: () => string;
-export declare const geneQrcodeUrl: () => string;

package/types/Qrcode/api/index.d.ts

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

package/types/Qrcode/api/request.d.ts

@@ -1,44 +0,0 @@
-import { AxiosRequestConfig } from 'axios';
-import { WorkQrCodeProps } from '../WorkQrCode';
-/**
- * 二维码状态check
- * @param ticket
- * @param config
- */
-export declare const qrcodeStatusCheckByAxios: (ticket: string) => Promise<import("../../_utils/http").AuthingGuardResponse<any>>;
-/**
- * ticket 换用户信息
- * @param data
- * @param config
- */
-export declare const exChangeUserInfoByAxios: (data: {
-    ticket: string;
-}, config?: AxiosRequestConfig<any> | undefined) => Promise<import("../../_utils/http").AuthingGuardResponse<any>>;
-/**
- * 二维码生成
- * @param data
- * @param config
- */
-export declare const geneQrcodeByAxios: <T = {
-    random: string;
-    url: string;
-}>(data: {
-    autoMergeQrCode: boolean;
-    scene: WorkQrCodeProps['scene'];
-    /**
-     * 请求上下文，将会传递到 Pipeline 中
-     */
-    context: any;
-    /**
-     * 是否获取用户自定义数据
-     */
-    params: any;
-    /**
-     * 是否获取用户自定义数据
-     */
-    withCustomData: any;
-    /**
-     * 多租户用的额外的 Idp Id。
-     */
-    extIdpConnId: string;
-}, config?: AxiosRequestConfig<any> | undefined) => Promise<import("../../_utils/http").AuthingGuardResponse<T>>;

package/types/RecoveryCode/api/constant.d.ts

@@ -1 +0,0 @@
-export declare const recoverCodeUrl: () => string;

package/types/RecoveryCode/api/index.d.ts

@@ -1 +0,0 @@
-export { authFlowByAxios } from 'service/api';

package/types/RecoveryCode/api/request.d.ts

@@ -1,10 +0,0 @@
-import { AxiosRequestConfig } from 'axios';
-/**
- * 不在流程中（AuthFlow）请求恢复 Totp 请求
- * @param data
- * @param config
- * @returns
- */
-export declare const recoverCodeByAxios: (data: {
-    recoveryCode: string;
-}, config?: AxiosRequestConfig<any> | undefined) => Promise<import("../../_utils/http").AuthingGuardResponse<any>>;

package/types/Register/api/constant.d.ts

@@ -1,2 +0,0 @@
-export declare const registerEmailCodeUrl: () => string;
-export declare const registerSmsCodeUrl: () => string;

package/types/Register/api/index.d.ts

@@ -1,2 +0,0 @@
-export { validatePhoneCodeByAxios, validateEmailCodeByAxios } from 'service/api';
-export * from './request';