@authing/react-ui-components 4.0.24 → 4.1.0-cxmt.0

package/package.json

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

package/types/AccountMerge/UserRadio.d.ts

@@ -0,0 +1,5 @@
+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

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

package/types/AccountMerge/interface.d.ts

@@ -0,0 +1,27 @@
+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

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

package/types/AuthClientProvider/AuthClientProvider.d.ts

@@ -1,6 +1,4 @@
-import React, { ReactNode } from 'react';
+import React from 'react';
 import { AuthClientContextProps } from './context';
-export declare const AuthClientProvider: React.FC<AuthClientContextProps & {
-    children: ReactNode;
-}>;
+export declare const AuthClientProvider: React.FC<AuthClientContextProps>;
 export declare const useGlobalAuthClient: () => import("authing-js-sdk").AuthenticationClient | undefined;

package/types/Back/index.d.ts

@@ -7,6 +7,4 @@ export declare const BackLogin: React.FC<BackProps>;
 export interface BackCustomProps extends BackProps {
     onBack?: () => void;
 }
-export declare const BackCustom: React.FC<BackCustomProps & {
-    children: any;
-}>;
+export declare const BackCustom: React.FC<BackCustomProps>;

package/types/ChangeAccoutType/index.d.ts

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

package/types/ChangePassword/index.d.ts

@@ -1,8 +1,7 @@
-import React, { ReactNode } from 'react';
+import React from 'react';
 export declare const GuardChangePassword: React.FC<{
     title: string;
     explain: string;
-    children: ReactNode;
 }>;
 export declare const GuardFirstLoginPasswordResetView: React.FC;
 export declare const GuardPasswordNotSafeResetView: React.FC;

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

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

@@ -2,7 +2,7 @@ import { AuthenticationClient, CommonMessage, SceneType } from 'authing-js-sdk';
 import { EmailScene, IG2Config, IG2Events, IG2FCProps, IG2FCViewProps } from '../Type';
 export interface ForgetPasswordEvents extends IG2Events {
     onEmailSend?: (authClient: AuthenticationClient, sence?: EmailScene) => void;
-    onEmailSendError?: (error?: CommonMessage, authClient?: AuthenticationClient, sence?: EmailScene) => void;
+    onEmailSendError?: (error: CommonMessage, authClient: AuthenticationClient, sence?: EmailScene) => void;
     onPhoneSend?: (authClient: AuthenticationClient, sence?: SceneType) => void;
     onPhoneSendError?: (error: CommonMessage, authClient: AuthenticationClient, sence?: SceneType) => void;
     onPwdReset?: (authClient: AuthenticationClient) => void;

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

@@ -1,8 +1,7 @@
 import { GuardProps } from '..';
-import React, { ReactNode } from 'react';
+import React from 'react';
 import { ModuleState } from '../GuardModule/stateMachine';
 export declare const RenderContext: React.FC<{
     guardProps: GuardProps;
     initState: ModuleState;
-    children: ReactNode;
 }>;

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

@@ -1,2 +1,4 @@
-/// <reference types="react" />
-export declare const InputPassword: (props: any) => JSX.Element;
+import { Input } from 'antd';
+import { PasswordProps } from 'antd/lib/input';
+import React from 'react';
+export declare const InputPassword: React.ForwardRefExoticComponent<PasswordProps & React.RefAttributes<React.RefObject<Input>>>;

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

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

package/types/Qrcode/UiQrCode.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import './index.less';
 import { CodeStatusDescriptions } from './WorkQrCode';
 export declare type CodeStatus = 'loading' | 'ready' | 'already' | 'success' | 'error' | 'expired' | 'cancel' | 'MFA';
-export declare const prefix: string;
+export declare const prefix = "refactor";
 export interface UiQrProps {
     /**
      * Loading 组件

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

@@ -264,4 +264,10 @@ export interface ApplicationConfig {
      * 是否开启注册密码补全
      */
     enableCompletePassword: boolean;
+    /** 是否为租户控制台应用 */
+    isTenantConsole?: boolean;
+    /** 是否默认为租户应用面板应用 */
+    isTenantDefault?: boolean;
+    /** 租户详情 */
+    tenantInfo?: Record<string, any>;
 }

package/types/_utils/context.d.ts

@@ -1,9 +1,10 @@
-import React, { ReactNode } from 'react';
+import React from 'react';
 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,18 +43,18 @@ export interface IGuardContext {
          */
         clearBackFillData?: () => void;
     };
+    /** 租户信息获取和操作处理相关 */
+    tenantInstance?: MultipleTenant;
 }
 export declare const createGuardXContext: () => {
     Provider: React.FC<{
         value: Partial<IGuardContext>;
-        children: ReactNode;
     }>;
     Consumer: React.Consumer<IGuardContext>;
 };
 export declare const useGuardXContext: () => {
     Provider: React.FC<{
         value: Partial<IGuardContext>;
-        children: ReactNode;
     }>;
     Consumer: React.Consumer<IGuardContext>;
 };
@@ -62,9 +63,7 @@ export interface IGuardContextProvider {
     spinChange: (spin: boolean) => void;
 }
 export declare const useGuardButtonContext: () => {
-    GuardButtonProvider: React.FC<{
-        children: ReactNode;
-    }>;
+    GuardButtonProvider: React.FC<{}>;
 };
 export declare const useGuardButtonState: () => IGuardContextProvider;
 export declare const useGuardPublicConfig: () => ApplicationConfig;
@@ -141,3 +140,5 @@ export declare const useGuardMultipleInstance: () => {
      */
     clearBackFillData?: (() => void) | undefined;
 };
+/** 用来操作和获取租户相关的内容 */
+export declare const useGuardTenantProvider: () => MultipleTenant | undefined;

package/types/_utils/index.d.ts

@@ -34,7 +34,7 @@ export declare function isObject(item: any): any;
  * @param target
  * @param ...sources
  */
-export declare function deepMerge<T extends object = any>(target: T, ...sources: any[]): T;
+export declare function deepMerge<T extends any = any>(target: T, ...sources: any[]): T;
 /**
  *  在托管页下上传query中指定的用户自定义字段进行补全
  * @param params 指定上传的用户自定义字段

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.0.24";
+declare const _default: "4.1.0-cxmt.0";
 export default _default;