@authing/react18-ui-components 4.1.0 → 4.2.0

package/types/TenantPortalSelect/index.d.ts

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

@@ -1,7 +1,7 @@
 import { Lang } from '..';
 import { PasswordStrength } from '../_utils';
 export * from 'authing-js-sdk';
-export declare const enum LoginMethods {
+export declare enum LoginMethods {
     LDAP = "ldap",
     AppQr = "app-qrcode",
     Password = "password",
@@ -10,11 +10,11 @@ export declare const enum LoginMethods {
     AD = "ad",
     WechatMpQrcode = "wechatmp-qrcode"
 }
-export declare const enum OIDCConnectionMode {
+export declare enum OIDCConnectionMode {
     FRONT_CHANNEL = "FRONT_CHANNEL",
     BACK_CHANNEL = "BACK_CHANNEL"
 }
-export declare const enum SocialConnectionProvider {
+export declare enum SocialConnectionProvider {
     ALIPAY = "alipay",
     GOOGLE = "google",
     WECHATPC = "wechat:pc",
@@ -41,7 +41,7 @@ export declare const enum SocialConnectionProvider {
     QINGCLOUD = "qingcloud",
     FACEBOOK = "facebook"
 }
-export declare const enum Protocol {
+export declare enum Protocol {
     AD = "ad",
     CAS = "cas",
     LDAP = "ldap",
@@ -98,16 +98,22 @@ export interface SocialConnectionItem {
     authorizationUrl: string;
     tooltip: Record<Lang, string>;
 }
-export declare const enum RegisterMethods {
+export declare enum RegisterMethods {
     Email = "email",
     Phone = "phone",
     EmailCode = "emailCode"
 }
-export declare type QrcodeTabsSettings = Record<LoginMethods, Array<{
+export declare enum RegisterSortMethods {
+    Email = "email-password",
+    Phone = "phone-code",
+    EmailCode = "email-code"
+}
+export interface QrCodeItem {
     id: string;
     title: string;
     isDefault?: boolean;
-}>>;
+}
+export type QrcodeTabsSettings = Record<LoginMethods, Array<QrCodeItem>>;
 export interface OidcClientMetadata {
     grant_types: string[];
     client_id: string;
@@ -142,12 +148,16 @@ export interface UserExtendsField {
     required: boolean;
     validateRules: any[];
 }
-export declare type ExtendsField = InternalExtendsField | UserExtendsField;
+export 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;
@@ -156,9 +166,17 @@ export interface Agreement {
     lang: Lang;
     availableAt?: number;
 }
-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 type PasswordLoginMethods = 'username-password' | 'email-password' | 'phone-password';
+export type VerifyLoginMethods = 'email-code' | 'phone-code';
+export 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[];
@@ -198,6 +216,9 @@ export interface ApplicationConfig {
         };
     };
     qrcodeTabsSettings: QrcodeTabsSettings;
+    qrCodeSortConfig: {
+        loginMethodsSort?: string[];
+    };
     loginTabs: {
         list: string[];
         default: string;
@@ -264,4 +285,21 @@ export interface ApplicationConfig {
      * 是否开启注册密码补全
      */
     enableCompletePassword: boolean;
+    /**
+     * 登录注册排序
+     */
+    tabMethodsSortConfig: {
+        loginMethodsSort: string[];
+    };
+    tabMethodsFields: TabFieldsI18nItem[];
+    /** 是否为租户控制台应用 */
+    isTenantConsole?: boolean;
+    /** 是否默认为租户应用面板应用 */
+    isTenantDefault?: boolean;
+    /** 租户详情 */
+    tenantInfo?: Record<string, any>;
+    /** mfa 相关 */
+    mfa: {
+        faceScore: number;
+    };
 }

package/types/Type/index.d.ts

@@ -4,8 +4,8 @@ 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' | 'ja-JP';
-export declare const enum GuardMode {
+export type Lang = 'zh-CN' | 'en-US' | 'zh-TW' | 'ja-JP';
+export declare enum GuardMode {
     Modal = "modal",
     Normal = "normal"
 }
@@ -55,11 +55,11 @@ export interface IG2Events {
 }
 export declare const getDefaultG2Config: () => IG2Config;
 export declare const LanguageMap: any;
-export declare const enum InputMethod {
+export declare enum InputMethod {
     EmailCode = "email-code",
     PhoneCode = "phone-code"
 }
-export declare const enum GuardPageSene {
+export declare enum GuardPageSene {
     Global = "global"
 }
 export interface GuardPageConfig {
@@ -68,7 +68,7 @@ export interface GuardPageConfig {
         defaultLanguage: Lang | 'browser';
     };
 }
-export declare const enum EmailScene {
+export declare enum EmailScene {
     WELCOME_EMAIL = "WELCOME_EMAIL",
     FIRST_CREATED_USER = "FIRST_CREATED_USER",
     REGISTER_VERIFY_CODE = "REGISTER_VERIFY_CODE",

package/types/ValidatorRules/ValidatorFormItem.d.ts

@@ -3,3 +3,6 @@ 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 & {
+    method: string;
+}>;

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 } from './ValidatorFormItem';
+import { EmailFormItem, PhoneFormItem, UserNameFormItem, CustomNameFormItem } from './ValidatorFormItem';
 export interface ValidatorFormItemProps extends FormItemProps {
     form?: FormInstance;
     checkRepeat?: boolean;
@@ -13,19 +13,20 @@ export interface ValidatorFormItemProps extends FormItemProps {
     isCheckPattern?: boolean;
 }
 export interface ValidatorFormItemMetaProps extends ValidatorFormItemProps {
-    method: 'email' | 'phone' | 'username';
+    method: 'email' | 'phone' | 'username' | string;
 }
 export interface PasswordFormItemProps extends FormItemProps {
 }
 export interface ICheckProps {
     check: (values: any) => void;
 }
-declare type InternalFormItemType = typeof FormItem;
+type InternalFormItemType = typeof FormItem;
 interface FormItemInterface extends InternalFormItemType {
     Password: typeof PasswordFormItem;
     Email: typeof EmailFormItem;
     Phone: typeof PhoneFormItem;
     UserName: typeof UserNameFormItem;
+    CustomName: typeof CustomNameFormItem;
 }
 declare const CustomFormItem: FormItemInterface;
 export default CustomFormItem;

package/types/_utils/GuardErrorCode.d.ts

@@ -1,4 +1,4 @@
-export declare const enum ErrorCode {
+export declare enum ErrorCode {
     OTP_MFA_CODE = 1635,
     APP_MFA_CODE = 1636,
     INPUT_CAPTCHACODE = 2000,

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, RegisterMethods } from '../../Type/application';
+import { ApplicationConfig, LoginMethods } 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?: RegisterMethods[] | undefined;
-        defaultRegisterMethod?: RegisterMethods | undefined;
+        registerMethods?: string[] | undefined;
+        defaultRegisterMethod?: string | undefined;
         publicKey?: string | undefined;
         agreementEnabled?: boolean | undefined;
         agreements?: import("../../Type").Agreement[] | undefined;
@@ -50,7 +50,7 @@ export declare const useFetchConsoleConfig: (forceUpdate: number, appId?: string
         disableResetPwd?: boolean | undefined;
         defaultLoginMethod?: LoginMethods | undefined;
         loginMethods?: LoginMethods[] | undefined;
-        passwordLoginMethods?: import("../../Type").PasswordLoginMethods[] | undefined;
+        passwordLoginMethods?: string[] | undefined;
         socialConnections?: import("../../Type").SocialConnectionProvider[] | undefined;
         socialConnectionsBtnShape?: "default" | "button" | "icon" | undefined;
         enterpriseConnections?: string[] | undefined;

package/types/_utils/context.d.ts

@@ -1,9 +1,10 @@
 import React, { ReactNode } from 'react';
-import { GuardEvents, GuardLocalConfig, GuardModuleType, GuardPageConfig } from '..';
+import { GuardEvents, GuardLocalConfig, GuardModuleType, GuardPageConfig, Lang } 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,6 +43,9 @@ export interface IGuardContext {
          */
         clearBackFillData?: () => void;
     };
+    defaultLanguageConfig: Lang;
+    /** 租户信息获取和操作处理相关 */
+    tenantInstance?: MultipleTenant;
 }
 export declare const createGuardXContext: () => {
     Provider: React.FC<{
@@ -110,6 +114,7 @@ export declare const useGuardMultipleInstance: () => {
         } | undefined) => void;
         setUserInfo: (user: Omit<import("../Guard/core/hooks/useMultipleAccounts").User & {
             id: string;
+            loginAccount?: string | undefined;
         }, "tab" | "way" | "phoneCountryCode">) => void;
         setLoginWayByHttpData: (account: string, data: {
             username?: string | undefined;
@@ -141,3 +146,9 @@ export declare const useGuardMultipleInstance: () => {
      */
     clearBackFillData?: (() => void) | undefined;
 };
+/**
+ * 默认语言
+ */
+export declare const useGuardDefaultLanguage: () => Lang;
+/** 用来操作和获取租户相关的内容 */
+export declare const useGuardTenantProvider: () => MultipleTenant | undefined;

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

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

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 } from '../Type/application';
+import { ApplicationConfig, ComplateFiledsPlace, LoginMethods, RegisterMethods, RegisterSortMethods, TabFieldsI18nItem } from '../Type/application';
 import { Lang } from '../Type';
 export * from './popupCenter';
 export * from './clipboard';
@@ -17,7 +17,7 @@ export declare const validate: (type: keyof typeof VALIDATE_PATTERN, val: string
 export declare const getRequiredRules: (msg: string) => Rule[];
 export declare const fieldRequiredRule: (fieldRequiredRule: string, fieldRequiredRuleMessage?: string) => Rule[];
 export declare function getDeviceName(): string | null | undefined;
-export declare type STYLE_RECORD_KEY = 'appConfig' | 'userConfig';
+export type STYLE_RECORD_KEY = 'appConfig' | 'userConfig';
 export declare const insertStyles: (styles: string | any, recordKey?: STYLE_RECORD_KEY) => void;
 export declare const removeStyles: (recordKey: STYLE_RECORD_KEY) => void;
 export declare const getClassnames: (classnames: (string | boolean | undefined)[]) => string;
@@ -60,7 +60,7 @@ export declare const isMobile: () => RegExpMatchArray | null;
 export declare const isSpecialBrowser: () => boolean;
 export declare const assembledAppHost: (identifier: string, host: string) => string;
 export declare const assembledRequestHost: (requestHostname: string, configHost: string) => string;
-export declare const enum PasswordStrength {
+export declare enum PasswordStrength {
     NoCheck = 0,
     Low = 1,
     Middle = 2,
@@ -73,9 +73,11 @@ 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) => Rule[];
+export declare const getPasswordValidateRules: (strength?: PasswordStrength, customPasswordStrength?: any, customValidateTrigger?: string, fieldRequiredRuleMessage?: string) => Rule[];
 export declare const sleep: (delay: number) => Promise<unknown>;
 export declare const shoudGoToComplete: (user: User, contextType: ComplateFiledsPlace, config: ApplicationConfig | undefined, autoRegister?: boolean) => boolean;
-export declare const tabSort: (defaultValue: any, tabList: RegisterMethods[]) => RegisterMethods[];
+export declare const transformMethod: (method: RegisterMethods | string) => string;
+export declare const transformSortMethod: (method: RegisterSortMethods | string) => string;
 export declare const mailDesensitization: (mail: string) => string;
 export declare const phoneDesensitization: (phone: string) => string;
 export declare const getHundreds: (num: number) => number;
@@ -90,3 +92,6 @@ export declare const getLoginTypePipe: (publicConfig: ApplicationConfig, registe
 } | undefined;
 export declare const getPasswordIdentify: (identity: string) => string;
 export declare const getCurrentLng: () => Lang;
+export declare const getI18nLabel: (method: string | RegisterSortMethods, i18nFields: Map<string, TabFieldsI18nItem>, defaultLanguageConfig: Lang) => string;
+export declare const getSortLabels: (methods: string[], i18nConfig: Map<string, TabFieldsI18nItem>, defaultLanguageConfig: Lang) => string;
+export declare const getSortTabs: (tabs: string[], tab?: string) => string[];

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

@@ -1,4 +1,4 @@
-export declare const enum LoggerType {
+export declare enum LoggerType {
     INFO = "INFO",
     WARN = "WARN",
     ERROR = "ERROR"

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

@@ -1,10 +1,10 @@
 import { GuardModuleType } from '../../Guard';
-export declare const enum CodeAction {
+export declare enum CodeAction {
     CHANGE_MODULE = "changeModule",
     RENDER_MESSAGE = "renderMessage",
     FLOW_END = "flowEnd"
 }
-export declare const enum ApiCode {
+export declare enum ApiCode {
     IDENTITY_BINDING_ASK = 1641,
     IDENTITY_BINDING = 1640,
     APP_MFA = 1636,
@@ -16,6 +16,8 @@ export declare const enum ApiCode {
     FIRST_LOGIN_PASSWORD = 1639,
     FORCED_PASSWORD_RESET = 2058,
     UNSAFE_PASSWORD_TIP = 2061,
-    UNSAFE_PASSWORD_RESET = 2071
+    UNSAFE_PASSWORD_RESET = 2071,
+    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-alpha.2";
+declare const _default: "4.2.0";
 export default _default;