@authing/react-ui-components 4.0.9 → 4.1.0-rc.0

package/package.json

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

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

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

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

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

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

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

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

@@ -7,5 +7,7 @@ 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?: RegisterMethods[];
-    defaultRegisterMethod?: RegisterMethods;
+    registerMethods?: string[];
+    defaultRegisterMethod?: string;
     publicKey?: string;
     agreementEnabled?: boolean;
     agreements?: Agreement[];

package/types/Type/application.d.ts

@@ -103,6 +103,11 @@ 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;
@@ -145,9 +150,13 @@ 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;
@@ -159,6 +168,14 @@ 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[];
@@ -264,4 +281,11 @@ export interface ApplicationConfig {
      * 是否开启注册密码补全
      */
     enableCompletePassword: boolean;
+    /**
+     * 登录注册排序
+     */
+    tabMethodsSortConfig: {
+        loginMethodsSort: string[];
+    };
+    tabMethodsFields: TabFieldsI18nItem[];
 }

package/types/ValidatorRules/ValidatorFormItem.d.ts

@@ -3,3 +3,4 @@ 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 } from './ValidatorFormItem';
+import { EmailFormItem, PhoneFormItem, UserNameFormItem, CustomNameFormItem } from './ValidatorFormItem';
 export interface ValidatorFormItemProps extends FormItemProps {
     form?: FormInstance;
     checkRepeat?: boolean;
@@ -11,9 +11,10 @@ export interface ValidatorFormItemProps extends FormItemProps {
      * 控制内部FormItem组件关于pattern的校验规则
      */
     isCheckPattern?: boolean;
+    defaultMethod?: string;
 }
 export interface ValidatorFormItemMetaProps extends ValidatorFormItemProps {
-    method: 'email' | 'phone' | 'username';
+    method: 'email' | 'phone' | 'username' | string;
 }
 export interface PasswordFormItemProps extends FormItemProps {
 }
@@ -26,6 +27,7 @@ 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, 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;

package/types/_utils/context.d.ts

@@ -106,7 +106,8 @@ export declare const useGuardMultipleInstance: () => {
         } | undefined) => void;
         setUserInfo: (user: Pick<import("../Guard/core/hooks/useMultipleAccounts").User & {
             id: string;
-        }, "email" | "username" | "phone" | "photo" | "id" | "name" | "nickname" | "_updateTime" | "qrCodeId" | "areaCode">) => void;
+            loginAccount?: string | undefined;
+        }, "email" | "username" | "phone" | "photo" | "id" | "name" | "nickname" | "_updateTime" | "qrCodeId" | "areaCode" | "loginAccount">) => void;
         setLoginWayByHttpData: (account: string, data: {
             username?: string | undefined;
             phone?: string | 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 } from '../Type/application';
+import { ApplicationConfig, ComplateFiledsPlace, LoginMethods, RegisterMethods, RegisterSortMethods, TabFieldsI18nItem } from '../Type/application';
 import { Lang } from '../Type';
 export * from './popupCenter';
 export * from './clipboard';
@@ -75,7 +75,8 @@ export declare const getSymbolTypeLength: (pwd: string) => number;
 export declare const getPasswordValidate: (strength?: PasswordStrength, customPasswordStrength?: any, 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: (defaultValue: any, tabList: RegisterMethods[]) => RegisterMethods[];
+export declare const tabSort: (tabList: string[], defaultMethod?: string | undefined) => string[];
+export declare const transformMethod: (method: RegisterMethods | 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 +91,5 @@ 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>) => string;
+export declare const getI18nLabel: (method: string | RegisterSortMethods, i18nFields: Map<string, TabFieldsI18nItem>) => string;

package/types/version/version.d.ts

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

package/types/AccountMerge/UserRadio.d.ts

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

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

package/types/AccountMerge/interface.d.ts

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

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

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

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

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