@authing/react-ui-components 4.1.0-rc.8 → 4.1.0

package/package.json

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

package/types/CompleteInfo/businessRequest.d.ts

@@ -5,5 +5,5 @@ export declare const enum CompleteInfoAuthFlowAction {
     Skip = "skip-completion"
 }
 export declare const authFlow: (action: CompleteInfoAuthFlowAction, data?: CompleteInfoRequest | undefined) => Promise<import("../_utils/http").AuthingGuardResponse<any>>;
-export declare const registerSkipMethod: (fnName: RegisterCompleteInfoInitData['businessRequestName'] | string, content: any) => Promise<import("../_utils/http").AuthingGuardResponse<any>>;
+export declare const registerSkipMethod: (fnName: RegisterCompleteInfoInitData['businessRequestName'], content: any) => Promise<import("../_utils/http").AuthingGuardResponse<any>> | undefined;
 export declare const registerRequest: (action: CompleteInfoAuthFlowAction, registerFnName: RegisterCompleteInfoInitData['businessRequestName'], registerContent: any, registerProfile?: any) => Promise<User | import("../_utils/http").AuthingGuardResponse<any> | undefined>;

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

@@ -0,0 +1,4 @@
+import { Input } from 'antd';
+import { PasswordProps } from 'antd/lib/input';
+import React from 'react';
+export declare const InputPasswordForget: React.ForwardRefExoticComponent<PasswordProps & React.RefAttributes<React.RefObject<Input>>>;

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

@@ -0,0 +1,7 @@
+import { InputProps } from 'antd/lib/input';
+import React from 'react';
+import { VerifyLoginMethods } from '../../Type/application';
+export interface InputIdentifyProps extends InputProps {
+    methods: VerifyLoginMethods[];
+}
+export declare const InputIdentify: React.FC<InputIdentifyProps>;

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

@@ -4,8 +4,12 @@ export declare enum InputMethodMap {
     phone = "phone-code"
 }
 interface ResetPasswordProps {
-    onReset: any;
     publicConfig: any;
+    setPhoneOrEmail: any;
+    setControlShow: any;
+    setPolicyStrength: any;
+    setCustomPasswordStrength: any;
+    setPhoneOrEmailText: any;
 }
 export declare const ResetPassword: (props: ResetPasswordProps) => JSX.Element;
 export {};

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

@@ -248,8 +248,7 @@ declare class MultipleAccount {
         } | undefined) => void;
         setUserInfo: (user: Pick<User & {
             id: string;
-            loginAccount?: string | undefined;
-        }, "email" | "username" | "phone" | "photo" | "id" | "name" | "nickname" | "_updateTime" | "qrCodeId" | "areaCode" | "loginAccount">) => void;
+        }, "email" | "username" | "phone" | "photo" | "id" | "name" | "nickname" | "_updateTime" | "qrCodeId" | "areaCode">) => void;
         setLoginWayByHttpData: (account: string, data: {
             username?: string | undefined;
             phone?: string | undefined;
@@ -291,8 +290,7 @@ declare const useMultipleAccounts: ({ appId, finallyConfig, }: {
         } | undefined) => void;
         setUserInfo: (user: Pick<User & {
             id: string;
-            loginAccount?: string | undefined;
-        }, "email" | "username" | "phone" | "photo" | "id" | "name" | "nickname" | "_updateTime" | "qrCodeId" | "areaCode" | "loginAccount">) => void;
+        }, "email" | "username" | "phone" | "photo" | "id" | "name" | "nickname" | "_updateTime" | "qrCodeId" | "areaCode">) => void;
         setLoginWayByHttpData: (account: string, data: {
             username?: string | undefined;
             phone?: string | undefined;

package/types/Guard/event.d.ts

@@ -19,8 +19,7 @@ export declare const guardEventsFilter: (props: any, multipleInstance?: {
     } | undefined) => void;
     setUserInfo: (user: Pick<import("./core/hooks/useMultipleAccounts").User & {
         id: string;
-        loginAccount?: string | undefined;
-    }, "email" | "username" | "phone" | "photo" | "id" | "name" | "nickname" | "_updateTime" | "qrCodeId" | "areaCode" | "loginAccount">) => void;
+    }, "email" | "username" | "phone" | "photo" | "id" | "name" | "nickname" | "_updateTime" | "qrCodeId" | "areaCode">) => void;
     setLoginWayByHttpData: (account: string, data: {
         username?: string | undefined;
         phone?: string | undefined;

package/types/Guard/module.d.ts

@@ -19,7 +19,9 @@ export declare const enum GuardModuleType {
     IDENTITY_BINDING_ASK = "identityBindingAsk",
     IDENTITY_BINDING = "identityBinding",
     SELF_UNLOCK = "selfUnlock",
-    FLOW_SELECT_ACCOUNT = "flowSelectAccount"
+    FLOW_SELECT_ACCOUNT = "flowSelectAccount",
+    /** 多租户门户选择页 */
+    TENANT_PORTAL = "tenant-portal"
 }
 export interface GuardModuleAction {
     action: string;

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/ImagePro/index.d.ts

@@ -12,3 +12,4 @@ export interface ImageProProps extends React.ImgHTMLAttributes<HTMLImageElement>
     noSpin?: boolean;
 }
 export declare const ImagePro: (props: ImageProProps) => JSX.Element;
+export declare const ImagePro2: (props: ImageProProps) => JSX.Element;

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

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

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

@@ -3,6 +3,5 @@ import React from 'react';
 import { PasswordLoginMethods } from '../../../Type/application';
 export interface InputAccountProps extends InputProps {
     passwordLoginMethods: PasswordLoginMethods[];
-    placeholder: string;
 }
 export declare const InputAccount: React.FC<InputAccountProps>;

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

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

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

@@ -7,7 +7,5 @@ export interface RegisterWithEmailProps {
     publicConfig?: ApplicationConfig;
     agreements: Agreement[];
     registeContext?: any;
-    defaultLabel?: string;
-    defaultMethod?: string;
 }
 export declare const RegisterWithEmail: React.FC<RegisterWithEmailProps>;

package/types/Register/interface.d.ts

@@ -3,8 +3,8 @@ import { IG2FCProps, IG2Config, IG2Events } from '../Type';
 import { Agreement, RegisterMethods } from '../Type/application';
 export interface RegisterConfig extends IG2Config {
     disableRegister?: boolean;
-    registerMethods?: string[];
-    defaultRegisterMethod?: string;
+    registerMethods?: RegisterMethods[];
+    defaultRegisterMethod?: RegisterMethods;
     publicKey?: string;
     agreementEnabled?: boolean;
     agreements?: Agreement[];

package/types/TenantPortalSelect/index.d.ts

@@ -0,0 +1,16 @@
+/// <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/Type/application.d.ts

@@ -103,11 +103,6 @@ export declare const enum RegisterMethods {
     Phone = "phone",
     EmailCode = "emailCode"
 }
-export declare const enum RegisterSortMethods {
-    Email = "email-password",
-    Phone = "phone-code",
-    EmailCode = "email-code"
-}
 export declare type QrcodeTabsSettings = Record<LoginMethods, Array<{
     id: string;
     title: string;
@@ -150,13 +145,9 @@ export interface UserExtendsField {
 export declare type ExtendsField = InternalExtendsField | UserExtendsField;
 export interface ApplicationPasswordTabConfig {
     enabledLoginMethods?: PasswordLoginMethods[];
-    validRegisterMethods?: string[];
-    validLoginMethods?: string[];
 }
 export interface ApplicationVerifyCodeTabConfig {
     enabledLoginMethods: VerifyLoginMethods[];
-    validRegisterMethods?: string[];
-    validLoginMethods?: string[];
 }
 export interface Agreement {
     id: number;
@@ -168,14 +159,6 @@ export interface Agreement {
 export declare type PasswordLoginMethods = 'username-password' | 'email-password' | 'phone-password';
 export declare type VerifyLoginMethods = 'email-code' | 'phone-code';
 export declare type ComplateFiledsPlace = 'register' | 'login';
-export interface TabFieldsI18nItem {
-    key: string;
-    label: string;
-    labelEn: string;
-    i18n: {
-        [propName in Lang]?: string;
-    };
-}
 export interface ApplicationConfig {
     id: string;
     allowedOrigins: string[];
@@ -281,11 +264,10 @@ export interface ApplicationConfig {
      * 是否开启注册密码补全
      */
     enableCompletePassword: boolean;
-    /**
-     * 登录注册排序
-     */
-    tabMethodsSortConfig: {
-        loginMethodsSort: string[];
-    };
-    tabMethodsFields: TabFieldsI18nItem[];
+    /** 是否为租户控制台应用 */
+    isTenantConsole?: boolean;
+    /** 是否默认为租户应用面板应用 */
+    isTenantDefault?: boolean;
+    /** 租户详情 */
+    tenantInfo?: Record<string, any>;
 }

package/types/ValidatorRules/ValidatorFormItem.d.ts

@@ -3,4 +3,3 @@ import { ValidatorFormItemProps } from '.';
 export declare const EmailFormItem: React.FC<ValidatorFormItemProps>;
 export declare const PhoneFormItem: React.FC<ValidatorFormItemProps>;
 export declare const UserNameFormItem: React.FC<ValidatorFormItemProps>;
-export declare const CustomNameFormItem: React.FC<ValidatorFormItemProps>;

package/types/ValidatorRules/index.d.ts

@@ -1,7 +1,7 @@
 import { FormInstance, FormItemProps } from 'antd/lib/form';
 import FormItem from 'antd/lib/form/FormItem';
 import { PasswordFormItem } from './PasswordFormItem';
-import { EmailFormItem, PhoneFormItem, UserNameFormItem, CustomNameFormItem } from './ValidatorFormItem';
+import { EmailFormItem, PhoneFormItem, UserNameFormItem } from './ValidatorFormItem';
 export interface ValidatorFormItemProps extends FormItemProps {
     form?: FormInstance;
     checkRepeat?: boolean;
@@ -11,10 +11,9 @@ export interface ValidatorFormItemProps extends FormItemProps {
      * 控制内部FormItem组件关于pattern的校验规则
      */
     isCheckPattern?: boolean;
-    defaultMethod?: string;
 }
 export interface ValidatorFormItemMetaProps extends ValidatorFormItemProps {
-    method: 'email' | 'phone' | 'username' | string;
+    method: 'email' | 'phone' | 'username';
 }
 export interface PasswordFormItemProps extends FormItemProps {
 }
@@ -27,7 +26,6 @@ interface FormItemInterface extends InternalFormItemType {
     Email: typeof EmailFormItem;
     Phone: typeof PhoneFormItem;
     UserName: typeof UserNameFormItem;
-    CustomName: typeof CustomNameFormItem;
 }
 declare const CustomFormItem: FormItemInterface;
 export default CustomFormItem;

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

@@ -2,7 +2,7 @@
 import { GuardLocalConfig } from '../../Guard/config';
 import { GuardHttp } from '../guardHttp';
 import { GuardPageConfig } from '../../Type';
-import { ApplicationConfig, LoginMethods } from '../../Type/application';
+import { ApplicationConfig, LoginMethods, RegisterMethods } from '../../Type/application';
 export declare const getPublicConfig: (appId: string) => ApplicationConfig;
 export declare const setPublicConfig: (appId: string, config: ApplicationConfig) => ApplicationConfig;
 export declare const getPageConfig: (appId: string) => GuardPageConfig;
@@ -26,8 +26,8 @@ export declare const useFetchConsoleConfig: (forceUpdate: number, appId?: string
         loadingComponent?: import("react").ReactNode;
         openEventsMapping?: boolean | undefined;
         disableRegister?: boolean | undefined;
-        registerMethods?: string[] | undefined;
-        defaultRegisterMethod?: string | undefined;
+        registerMethods?: RegisterMethods[] | undefined;
+        defaultRegisterMethod?: RegisterMethods | undefined;
         publicKey?: string | undefined;
         agreementEnabled?: boolean | undefined;
         agreements?: import("../../Type").Agreement[] | undefined;

package/types/_utils/context.d.ts

@@ -1,9 +1,10 @@
 import React from 'react';
-import { GuardEvents, GuardLocalConfig, GuardModuleType, GuardPageConfig, Lang } from '..';
+import { GuardEvents, GuardLocalConfig, GuardModuleType, GuardPageConfig } from '..';
 import { BackFillMultipleState, StoreInstance } from '../Guard/core/hooks/useMultipleAccounts';
 import { ModuleState } from '../Guard/GuardModule/stateMachine';
 import { ApplicationConfig } from '../Type/application';
 import { GuardHttp } from './guardHttp';
+import { MultipleTenant } from './tenant';
 export interface IGuardContext {
     finallyConfig: GuardLocalConfig;
     defaultMergedConfig: GuardLocalConfig;
@@ -42,7 +43,8 @@ export interface IGuardContext {
          */
         clearBackFillData?: () => void;
     };
-    defaultLanguageConfig: Lang;
+    /** 租户信息获取和操作处理相关 */
+    tenantInstance?: MultipleTenant;
 }
 export declare const createGuardXContext: () => {
     Provider: React.FC<{
@@ -107,8 +109,7 @@ export declare const useGuardMultipleInstance: () => {
         } | undefined) => void;
         setUserInfo: (user: Pick<import("../Guard/core/hooks/useMultipleAccounts").User & {
             id: string;
-            loginAccount?: string | undefined;
-        }, "email" | "username" | "phone" | "photo" | "id" | "name" | "nickname" | "_updateTime" | "qrCodeId" | "areaCode" | "loginAccount">) => void;
+        }, "email" | "username" | "phone" | "photo" | "id" | "name" | "nickname" | "_updateTime" | "qrCodeId" | "areaCode">) => void;
         setLoginWayByHttpData: (account: string, data: {
             username?: string | undefined;
             phone?: string | undefined;
@@ -139,7 +140,5 @@ export declare const useGuardMultipleInstance: () => {
      */
     clearBackFillData?: (() => void) | undefined;
 };
-/**
- * 默认语言
- */
-export declare const useGuardDefaultLanguage: () => Lang;
+/** 用来操作和获取租户相关的内容 */
+export declare const useGuardTenantProvider: () => MultipleTenant | undefined;

package/types/_utils/index.d.ts

@@ -2,7 +2,7 @@ import { Rule } from 'antd/lib/form';
 import qs from 'qs';
 import { User } from 'authing-js-sdk';
 import { GuardProps } from '../Guard';
-import { ApplicationConfig, ComplateFiledsPlace, LoginMethods, RegisterMethods, RegisterSortMethods, TabFieldsI18nItem } from '../Type/application';
+import { ApplicationConfig, ComplateFiledsPlace, LoginMethods, RegisterMethods } from '../Type/application';
 import { Lang } from '../Type';
 export * from './popupCenter';
 export * from './clipboard';
@@ -27,7 +27,7 @@ export declare const getClassnames: (classnames: (string | boolean | undefined)[
  * @param item
  * @returns {boolean}
  */
-export declare function isObject(item: any): any;
+export declare function isObject(item: any): boolean;
 /**
  * https://www.itranslater.com/qa/details/2115518846294557696
  * Deep merge two objects.
@@ -73,10 +73,10 @@ export declare const PASSWORD_STRENGTH_TEXT_MAP: Record<PasswordStrength, {
 }>;
 export declare const getSymbolTypeLength: (pwd: string) => number;
 export declare const getPasswordValidate: (strength?: PasswordStrength, customPasswordStrength?: any, fieldRequiredRuleMessage?: string | undefined) => Rule[];
+export declare const getPasswordValidateRules: (strength?: PasswordStrength, customPasswordStrength?: any, customValidateTrigger?: string | undefined, fieldRequiredRuleMessage?: string | undefined) => Rule[];
 export declare const sleep: (delay: number) => Promise<unknown>;
 export declare const shoudGoToComplete: (user: User, contextType: ComplateFiledsPlace, config: ApplicationConfig | undefined, autoRegister?: boolean | undefined) => boolean;
-export declare const tabSort: (tabList: string[], defaultMethod?: string | undefined) => string[];
-export declare const transformMethod: (method: RegisterMethods | string) => string;
+export declare const tabSort: (defaultValue: any, tabList: RegisterMethods[]) => RegisterMethods[];
 export declare const mailDesensitization: (mail: string) => string;
 export declare const phoneDesensitization: (phone: string) => string;
 export declare const getHundreds: (num: number) => number;
@@ -91,5 +91,3 @@ export declare const getLoginTypePipe: (publicConfig: ApplicationConfig, registe
 } | undefined;
 export declare const getPasswordIdentify: (identity: string) => string;
 export declare const getCurrentLng: () => Lang;
-export declare const getSortLabels: (methods: string[], i18nConfig: Map<string, TabFieldsI18nItem>, defaultLanguageConfig: Lang) => string;
-export declare const getI18nLabel: (method: string | RegisterSortMethods, i18nFields: Map<string, TabFieldsI18nItem>, defaultLanguageConfig: Lang) => string;

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

@@ -17,6 +17,7 @@ export declare const enum ApiCode {
     FORCED_PASSWORD_RESET = 2058,
     UNSAFE_PASSWORD_TIP = 2061,
     UNSAFE_PASSWORD_RESET = 2071,
-    FLOW_SELECT_ACCOUNT = 2921
+    FLOW_SELECT_ACCOUNT = 2921,
+    TENANT_PORTAL = 1644
 }
 export declare const ChangeModuleApiCodeMapping: Record<string, GuardModuleType>;

package/types/_utils/tenant.d.ts

@@ -0,0 +1,19 @@
+import { ApplicationConfig } from '../Type';
+/** **当前租户应用** 下的租户信息获取和操作处理，将租户相关的处理收拢 */
+export declare class MultipleTenant {
+    private $config;
+    private $tenantId;
+    constructor(tenantId: string, config: ApplicationConfig);
+    /** 获取租户ID */
+    getCurrentTenantId: () => string | null;
+    /** 获取租户详情 */
+    getCurrentTenantInfo: () => Record<string, any> | undefined;
+    /**是否为【租户控制台】 */
+    isTenantConsole: () => boolean | undefined;
+    /** 是否为租户【单点登录】 */
+    isTenantSSO: () => boolean | "" | null;
+    /** 是否为租户【单点登录面板】 */
+    isTenantSSOLaunchPad: () => boolean | "" | null;
+}
+/** 初始化多租户实例 */
+export declare const useMultipleTenant: (tenantId: string, publicConfig: ApplicationConfig) => MultipleTenant | undefined;

package/types/version/version.d.ts

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