@authing/react-ui-components 4.0.17-rc.2 → 4.1.0-hep.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@authing/react-ui-components",
-  "version": "4.0.17-rc.2",
+  "version": "4.1.0-hep.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/ChangeAccoutType/index.d.ts

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

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

@@ -9,3 +9,4 @@ export declare const GuardCompleteInfo: React.FC<{
 }>;
 export declare const GuardLoginCompleteInfoView: React.FC;
 export declare const GuardRegisterCompleteInfoView: React.FC;
+export declare const GuardAccountMergeCompleteInfoView: React.FC;

package/types/CompleteInfo/interface.d.ts

@@ -7,19 +7,21 @@ export interface CompleteInfoEvents extends IG2Events {
     onRegisterInfoCompleted?: (user: User, udfs: {
         key: any;
         value: any;
-    }[], authClient: AuthenticationClient) => void;
+    }[], authClient: AuthenticationClient, opts?: {
+        phone?: string;
+        canMergeUser?: boolean;
+    }) => void;
     onRegisterInfoCompletedError?: (error: CommonMessage, udfs: {
         key: any;
         value: any;
     }[], authClient: AuthenticationClient) => void;
+    onAccountMergeCompleteInfo?: (user: User) => void;
 }
 export interface GuardCompleteInfoProps extends IG2FCProps, CompleteInfoEvents {
     config: Partial<CompleteInfoConfig>;
 }
 export interface GuardCompleteInfoViewProps extends GuardCompleteInfoProps {
     config: CompleteInfoConfig;
-    initData: any;
-    onLogin?: any;
 }
 export declare type ExtendsFieldType = 'user' | 'internal';
 export interface ExtendsField {
@@ -52,6 +54,7 @@ export interface CompleteInfoMetaData {
     name: string;
     required: boolean;
     validateRules: CompleteInfoRule[];
+    checkUnique?: boolean;
     options?: CompleteInfoSelectOption[];
 }
 export declare enum CompleteInfoBaseControls {
@@ -70,7 +73,8 @@ export declare enum CompleteInfoExtendsControls {
     STRING = "string",
     TEXT = "text",
     GENDER = "gender",
-    COUNTRY = "country"
+    COUNTRY = "country",
+    TREE = "tree"
 }
 export interface CompleteInfoInitData {
     skip: boolean;

package/types/Guard/module.d.ts

@@ -14,12 +14,16 @@ export declare const enum GuardModuleType {
     LOGIN_COMPLETE_INFO = "loginCompleteInfo",
     REGISTER_PASSWORD = "registerPassword",
     REGISTER_COMPLETE_INFO = "registerCompleteInfo",
+    CUSTOM_COMPLETE_INFO = "customCompleteInfo",
     RECOVERY_CODE = "recoveryCode",
     SUBMIT_SUCCESS = "submitSuccess",
     IDENTITY_BINDING_ASK = "identityBindingAsk",
     IDENTITY_BINDING = "identityBinding",
+    ACCOUNT_MERGE = "accountMerge",
     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/Login/core/withWeComQrcode.d.ts

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

package/types/MFA/interface.d.ts

@@ -29,9 +29,7 @@ export interface GuardMFAInitData {
     nickme?: string;
     username?: string;
     current?: MFAType;
-    mfaPhoneCountryCode?: string;
-    mfaPhone?: string;
-    mfaEmail?: string;
+    thirdPartyOrigin?: boolean;
 }
 export interface GuardMFAProps extends IG2FCProps, MFAEvents {
     config: Partial<MFAConfig>;

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

@@ -253,6 +253,9 @@ export interface ApplicationConfig {
     verifyCodeLength: number;
     websocket: string;
     welcomeMessage: any;
+    userPortal?: {
+        mergeAccount?: boolean;
+    };
     skipComplateFileds: boolean;
     selfUnlockStrategy: 'captcha' | 'password-captcha';
     defaultLanguageConfig: Lang;
@@ -264,4 +267,10 @@ export interface ApplicationConfig {
      * 是否开启注册密码补全
      */
     enableCompletePassword: boolean;
+    /** 是否为租户控制台应用 */
+    isTenantConsole?: boolean;
+    /** 是否默认为租户应用面板应用 */
+    isTenantDefault?: boolean;
+    /** 租户详情 */
+    tenantInfo?: Record<string, any>;
 }

package/types/_utils/context.d.ts

@@ -4,6 +4,7 @@ import { BackFillMultipleState, StoreInstance } from '../Guard/core/hooks/useMul
 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,6 +43,8 @@ export interface IGuardContext {
          */
         clearBackFillData?: () => void;
     };
+    /** 租户信息获取和操作处理相关 */
+    tenantInstance?: MultipleTenant;
 }
 export declare const createGuardXContext: () => {
     Provider: React.FC<{
@@ -137,3 +140,5 @@ export declare const useGuardMultipleInstance: () => {
      */
     clearBackFillData?: (() => void) | undefined;
 };
+/** 用来操作和获取租户相关的内容 */
+export declare const useGuardTenantProvider: () => MultipleTenant | undefined;

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

@@ -28,10 +28,6 @@ export declare const parsePhone: (isInternationSms: boolean, fieldValue: string,
     countryCode: string | undefined;
     phoneNumber: string;
 };
-export declare const enum SocialConnectionEvent {
-    Message = "message",
-    Auth = "auth"
-}
 /**
  *
  * @param config

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

@@ -15,8 +15,10 @@ export declare const enum ApiCode {
     FLOW_END = 1600,
     FIRST_LOGIN_PASSWORD = 1639,
     FORCED_PASSWORD_RESET = 2058,
+    ACCOUNT_MERGE = 10000,
     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.17-rc.2";
+declare const _default: "4.1.0-hep.0";
 export default _default;