@authing/react-ui-components 4.3.3-alpha.0 → 4.3.3-rc.0

package/package.json

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

package/types/ForgetPassword/core/resetPassword.d.ts

@@ -1,15 +1,15 @@
-/// <reference types="react" />
+import React from 'react';
 export declare enum InputMethodMap {
     email = "email-code",
     phone = "phone-code"
 }
 interface ResetPasswordProps {
     publicConfig: any;
-    setPhoneOrEmail: any;
     setControlShow: any;
     setPolicyStrength: any;
     setCustomPasswordStrength: any;
     setPhoneOrEmailText: any;
+    setResetToken: React.Dispatch<React.SetStateAction<string>>;
 }
 export declare const ResetPassword: (props: ResetPasswordProps) => JSX.Element;
 export {};

package/types/ForgetPassword/interface.d.ts

@@ -9,6 +9,7 @@ export interface ForgetPasswordEvents extends IG2Events {
     onPwdResetError?: (error: CommonMessage, authClient: AuthenticationClient) => void;
 }
 export interface ForgetPasswordConfig extends IG2Config {
+    goBack?: null | (() => void);
 }
 export interface ForgetPasswordProps extends IG2FCProps, ForgetPasswordEvents {
     config: Partial<IG2Config>;

package/types/Guard/config.d.ts

@@ -1,8 +1,9 @@
 import { ReactNode } from 'react';
 import { GuardModuleType } from '.';
+import { ForgetPasswordConfig } from '../ForgetPassword/interface';
 import { LoginConfig } from '../Login/interface';
 import { RegisterConfig } from '../Register/interface';
-export interface GuardLocalConfig extends RegisterConfig, LoginConfig {
+export interface GuardLocalConfig extends RegisterConfig, LoginConfig, ForgetPasswordConfig {
     isSSO?: boolean;
     defaultScenes?: GuardModuleType;
     defaultInitData?: any;

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

@@ -13,7 +13,7 @@ export declare const QR_CODE_WAY: LoginWay[];
  * 登录时所有支持的登录列表(前端定义列表)
  * 这里稍微有点乱 因为Login中的登录方式和这里的不匹配，暂时放在了一起
  */
-export declare type LoginWay = 'email' | 'phone' | 'password' | 'phone-code' | 'email-code' | 'social' | 'wechat-miniprogram-qrcode' | 'wechatmp-qrcode' | 'app-qrcode' | 'ad' | 'ldap' | 'ldap-password' | 'ldap-email' | 'ldap-phone' | 'authing-otp-push';
+export declare type LoginWay = 'email' | 'phone' | 'password' | 'phone-code' | 'email-code' | 'social' | 'wechat-miniprogram-qrcode' | 'wechatmp-qrcode' | 'app-qrcode' | 'ad' | 'ldap' | 'ldap-password' | 'ldap-email' | 'ldap-phone';
 /**
  * when： 多账号页面跳转进入登录页面
  * 携带的回填数据信息
@@ -249,7 +249,7 @@ declare class MultipleAccount {
         setUserInfo: (user: Pick<User & {
             id: string;
             loginAccount?: string | undefined;
-        }, "email" | "username" | "phone" | "photo" | "id" | "name" | "nickname" | "qrCodeId" | "areaCode" | "_updateTime" | "loginAccount">) => void;
+        }, "email" | "username" | "phone" | "photo" | "id" | "name" | "nickname" | "_updateTime" | "qrCodeId" | "areaCode" | "loginAccount">) => void;
         setLoginWayByHttpData: (account: string, data: {
             username?: string | undefined;
             phone?: string | undefined;
@@ -292,7 +292,7 @@ declare const useMultipleAccounts: ({ appId, finallyConfig, }: {
         setUserInfo: (user: Pick<User & {
             id: string;
             loginAccount?: string | undefined;
-        }, "email" | "username" | "phone" | "photo" | "id" | "name" | "nickname" | "qrCodeId" | "areaCode" | "_updateTime" | "loginAccount">) => void;
+        }, "email" | "username" | "phone" | "photo" | "id" | "name" | "nickname" | "_updateTime" | "qrCodeId" | "areaCode" | "loginAccount">) => void;
         setLoginWayByHttpData: (account: string, data: {
             username?: string | undefined;
             phone?: string | undefined;

package/types/Guard/event.d.ts

@@ -5,15 +5,9 @@ import { IdentityBindingEvents } from '../IdentityBinding/interface';
 import { IdentityBindingAskEvents } from '../IdentityBindingAsk';
 import { LoginEvents } from '../Login/interface';
 import { RegisterEvents } from '../Register/interface';
-interface OnAfterChangeModuleOptions {
-    currentView: string;
-    currentModule: GuardModuleType;
-    currentTab?: string;
-    data?: any;
-}
-export interface GuardEvents extends LoginEvents, RegisterEvents, CompleteInfoEvents, ForgetPasswordEvents, IdentityBindingEvents, IdentityBindingAskEvents {
+import { TenantPortalEvents } from '../TenantPortalSelect/interface';
+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: {
@@ -27,7 +21,7 @@ export declare const guardEventsFilter: (props: any, multipleInstance?: {
     setUserInfo: (user: Pick<import("./core/hooks/useMultipleAccounts").User & {
         id: string;
         loginAccount?: string | undefined;
-    }, "email" | "username" | "phone" | "photo" | "id" | "name" | "nickname" | "qrCodeId" | "areaCode" | "_updateTime" | "loginAccount">) => void;
+    }, "email" | "username" | "phone" | "photo" | "id" | "name" | "nickname" | "_updateTime" | "qrCodeId" | "areaCode" | "loginAccount">) => void;
     setLoginWayByHttpData: (account: string, data: {
         username?: string | undefined;
         phone?: string | undefined;
@@ -72,7 +66,6 @@ export declare const GuardEventsCamelToKebabMapping: {
     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'];
@@ -96,6 +89,4 @@ export interface GuardEventsKebabToCamelType {
     'register-info-completed-error': GuardEvents['onRegisterInfoCompletedError'];
     'lang-change': GuardEvents['onLangChange'];
     'before-change-module': GuardEvents['onBeforeChangeModule'];
-    'after-change-module': GuardEvents['onAfterChangeModule'];
 }
-export {};

package/types/Guard/module.d.ts

@@ -18,12 +18,13 @@ export declare enum GuardModuleType {
     SUBMIT_SUCCESS = "submitSuccess",
     IDENTITY_BINDING_ASK = "identityBindingAsk",
     IDENTITY_BINDING = "identityBinding",
+    IDENTITY_BINDING_NO_ASK = "identityBindingNoAsk",
     SELF_UNLOCK = "selfUnlock",
     FLOW_SELECT_ACCOUNT = "flowSelectAccount",
-    APP_OTP_VERIFY = "appOtpVerify",
     /** 多租户门户选择页 */
     TENANT_PORTAL = "tenant-portal",
-    New_SUBMIT_SUCCESS = "newSubmitSuccess"
+    New_SUBMIT_SUCCESS = "newSubmitSuccess",
+    RESET_ACCOUNT_NAME = "resetAccountName"
 }
 export interface GuardModuleAction {
     action: string;

package/types/IdentityBinding/IdentityBinding.d.ts

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

package/types/IdentityBinding/businessRequest.d.ts

@@ -21,12 +21,15 @@ 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"
+    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: () => {
+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/Login/hooks/useLoginMultiple.d.ts

@@ -35,7 +35,7 @@ declare function useLoginMultiple(setLoginWay: React.Dispatch<any>): {
         setUserInfo: (user: Pick<import("../../Guard/core/hooks/useMultipleAccounts").User & {
             id: string;
             loginAccount?: string | undefined;
-        }, "email" | "username" | "phone" | "photo" | "id" | "name" | "nickname" | "qrCodeId" | "areaCode" | "_updateTime" | "loginAccount">) => void;
+        }, "email" | "username" | "phone" | "photo" | "id" | "name" | "nickname" | "_updateTime" | "qrCodeId" | "areaCode" | "loginAccount">) => void;
         setLoginWayByHttpData: (account: string, data: {
             username?: string | undefined;
             phone?: string | undefined;

package/types/Login/index.d.ts

@@ -1,3 +1,5 @@
-/// <reference types="react" />
+import { FC } from 'react';
 import './styles.less';
-export declare const GuardLoginView: () => JSX.Element;
+export declare const GuardLoginView: FC<{
+    isResetPage?: boolean;
+}>;

package/types/Login/multipleAccounts/panel.d.ts

@@ -40,7 +40,6 @@ export interface SelectOptions {
      * 替代图片元素
      */
     element?: React.ReactElement;
-    way: string;
 }
 declare const SelectPanel: React.FC<SelectPanelProps>;
 export { SelectPanel };

package/types/Login/resetAccountName/businessRequest.d.ts

@@ -0,0 +1,6 @@
+export declare const enum ResetAccountBusinessAction {
+    ResetName = "reset-username-before-auth"
+}
+export declare const authFlow: (action: ResetAccountBusinessAction, content: {
+    username: string;
+}) => Promise<import("../../_utils/http").AuthingGuardResponse<any>>;

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

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import './style.less';
+export declare const ResetAccountName: FC;

package/types/NewSubmitSuccess/interface.d.ts

@@ -10,6 +10,8 @@ export interface SubmitSuccessInitData {
     text?: string;
     countDesc?: string;
     changeModule?: GuardModuleType;
+    needBack?: boolean;
+    goBack?: () => void;
 }
 export interface GuardNewSubmitSuccessViewProps extends IG2FCViewProps, SubmitSuccessEvents {
     config: SubmitSuccessConfig;

package/types/TenantPortalSelect/index.d.ts

@@ -1,16 +1,3 @@
 /// <reference types="react" />
 import './styles.less';
-/** 租户门户选择状态机返回数据类型 */
-export interface TenantPortalSelectType {
-    title: string;
-    description: string;
-    logo: string;
-    list: {
-        tenantName: string;
-        tenantId: string;
-        tenantLogo: string;
-        host: string;
-        userName: string;
-    }[];
-}
 export declare const GuardTenantPortalSelectView: () => JSX.Element;

package/types/TenantPortalSelect/interface.d.ts

@@ -0,0 +1,33 @@
+/// <reference types="react" />
+import { AvatarProps } from 'antd/lib/avatar';
+import { AuthenticationClient, IG2Events, User } from '../Type';
+export interface TenantPortalListType {
+    tenantName: string;
+    tenantId: string;
+    tenantLogo: string;
+    host: string;
+    description: string;
+    /** 是否为用户池 */
+    isUserPool: boolean;
+    userName?: string;
+}
+export interface TenantPortalSelectType extends Omit<TenantPortalListType, 'userName'> {
+}
+/** 租户门户选择状态机返回数据类型 */
+export interface TenantPortalDataType {
+    title: string;
+    description: string;
+    logo: string;
+    list: TenantPortalListType[];
+}
+export interface TenantPortalDataItem extends TenantPortalListType {
+    avatar?: AvatarProps;
+    extra?: React.ReactNode;
+    title?: string;
+}
+/** 租户门户相关事件 */
+export interface TenantPortalEvents extends IG2Events {
+    onLogin?: (user: User, authClient: AuthenticationClient) => void;
+    /** 租户门户选择回调 */
+    onTenantSelect?: (data?: TenantPortalSelectType) => void;
+}

package/types/Type/application.d.ts

@@ -8,8 +8,7 @@ export declare enum LoginMethods {
     PhoneCode = "phone-code",
     WxMinQr = "wechat-miniprogram-qrcode",
     AD = "ad",
-    WechatMpQrcode = "wechatmp-qrcode",
-    AuthingOtpPush = "authing-otp-push"
+    WechatMpQrcode = "wechatmp-qrcode"
 }
 export declare enum OIDCConnectionMode {
     FRONT_CHANNEL = "FRONT_CHANNEL",
@@ -308,9 +307,10 @@ export interface ApplicationConfig {
     mfa: {
         faceScore: number;
     };
-    authingOtpPushTabConfig: {
-        enabledLoginMethods: Array<string> | null;
-        validLoginMethods: Array<string> | null;
-        validRegisterMethods: Array<string> | null;
-    };
+    /** 是否开启自定义安全规则 */
+    customSecurityEnabled: boolean;
+    /** 应用的人机验证策略，始终开启、不开启、设置条件触发 */
+    appRobotVerify: 'always_enable' | 'disable' | 'condition_set';
+    /** 用户池的人机验证策略，始终开启、不开启、设置条件触发 */
+    userpoolRobotVerify: 'always_enable' | 'disable' | 'condition_set';
 }

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

@@ -100,6 +100,7 @@ export declare const useFetchConsoleConfig: (forceUpdate: number, appId?: string
             withCustomData?: boolean | undefined;
         } | undefined;
         _closeLoopCheckQrcode?: boolean | undefined;
+        goBack?: (() => void) | null | undefined;
     };
     guardPageConfig: GuardPageConfig;
 } | {

package/types/_utils/context.d.ts

@@ -83,7 +83,6 @@ export declare const useGuardEvents: () => Partial<GuardEvents>;
 export declare const useGuardModule: () => {
     changeModule: ((moduleName: GuardModuleType, initData?: any) => Promise<void>) | undefined;
     backModule: (() => void) | undefined;
-    currentModule: ModuleState;
 };
 export declare const useGuardFinallyConfig: () => GuardLocalConfig;
 export declare const useGuardContextLoaded: () => boolean;
@@ -117,7 +116,7 @@ export declare const useGuardMultipleInstance: () => {
         setUserInfo: (user: Pick<import("../Guard/core/hooks/useMultipleAccounts").User & {
             id: string;
             loginAccount?: string | undefined;
-        }, "email" | "username" | "phone" | "photo" | "id" | "name" | "nickname" | "qrCodeId" | "areaCode" | "_updateTime" | "loginAccount">) => void;
+        }, "email" | "username" | "phone" | "photo" | "id" | "name" | "nickname" | "_updateTime" | "qrCodeId" | "areaCode" | "loginAccount">) => void;
         setLoginWayByHttpData: (account: string, data: {
             username?: string | undefined;
             phone?: string | undefined;
@@ -155,3 +154,5 @@ export declare const useGuardPhoneRegex: () => RegExp | null;
 export declare const useGuardDefaultLanguage: () => Lang;
 /** 用来操作和获取租户相关的内容 */
 export declare const useGuardTenantProvider: () => MultipleTenant | undefined;
+/** 当前人机验证策略 */
+export declare const useRobotVerify: () => "always_enable" | "disable" | "condition_set";

package/types/_utils/responseManagement/interface.d.ts

@@ -7,6 +7,7 @@ export declare enum CodeAction {
 export declare enum ApiCode {
     IDENTITY_BINDING_ASK = 1641,
     IDENTITY_BINDING = 1640,
+    IDENTITY_BINDING_NO_ASK = 1666,
     APP_MFA = 1636,
     MFA = 1635,
     ABORT_FLOW = 1699,
@@ -18,6 +19,7 @@ export declare enum ApiCode {
     UNSAFE_PASSWORD_TIP = 2061,
     UNSAFE_PASSWORD_RESET = 2071,
     FLOW_SELECT_ACCOUNT = 2921,
-    TENANT_PORTAL = 1644
+    TENANT_PORTAL = 1644,
+    RESET_ACCOUNT_NAME = 1108
 }
 export declare const ChangeModuleApiCodeMapping: Record<string, GuardModuleType>;

package/types/index.d.ts

@@ -4,4 +4,3 @@ export * from './AuthClientProvider';
 export * from './Guard';
 export * from './Type';
 export * from './version';
-export * from './Guard/core/hooks/useGuardView';

package/types/version/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "4.2.3-alpha.14";
+declare const _default: "4.3.3-rc.0";
 export default _default;

package/types/AppOtpVerify/DownloadVerifier.d.ts

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

package/types/AppOtpVerify/LoginApp.d.ts

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

package/types/AppOtpVerify/ScanQrcode.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const ScanQrcode: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<unknown>>;

package/types/AppOtpVerify/Steps.d.ts

@@ -1,11 +0,0 @@
-import { ReactNode } from 'react';
-import './steps.styles.less';
-interface StepsProps {
-    current: number;
-    items: StepItem[];
-}
-interface StepItem {
-    title: ReactNode;
-}
-export declare function Steps(props: StepsProps): JSX.Element;
-export {};

package/types/AppOtpVerify/index.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import './styles.less';
-export declare function AppOtpVerify(): JSX.Element;

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

@@ -1,15 +0,0 @@
-/// <reference types="react" />
-import { Agreement } from '../../../Type';
-interface Options {
-    agreements: Agreement[];
-    checkedAgreements: (string | number)[];
-    checkAllAgreements: () => void;
-    noCheckAllAgreements: () => void;
-}
-export declare function useAgreements(options: Options): {
-    agreements: Agreement[];
-    checkedAgreements: import("react").ReactText[];
-    checkAllAgreements: () => void;
-    noCheckAllAgreements: () => void;
-};
-export {};

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

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-interface Options {
-    changeTab?: React.Dispatch<any>;
-    currentTab?: string;
-}
-export declare function useGuardView(options?: Options): void;
-export {};

package/types/LazyloadImage/index.d.ts

@@ -1,12 +0,0 @@
-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/core/withAuthingOtpPush/BeforeLogin.d.ts

@@ -1,17 +0,0 @@
-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/PendingLogin.d.ts

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

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

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

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

@@ -1,18 +0,0 @@
-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[];
-}

package/types/Login/hooks/useOtpPushLogin.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-export declare function useOtpPushLoginWay(setLoginWay: React.Dispatch<any>): void;
-export declare function useOtpPushLoginCache(): {
-    getCachedOtpLoginAccount: typeof getCachedOtpLoginAccount;
-    cacheOtpLoginAccount: typeof cacheOtpLoginAccount;
-    clearOtpLoginAccountCache: typeof clearOtpLoginAccountCache;
-};
-export declare function cacheOtpLoginAccount(account: string): void;
-export declare function getCachedOtpLoginAccount(): string;
-export declare function clearOtpLoginAccountCache(): void;