@authing/react-ui-components 4.0.6-zhihu.0 → 4.0.7-hep.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@authing/react-ui-components",
-  "version": "4.0.6-zhihu.0",
+  "version": "4.0.7-hep.0",
   "private": false,
   "main": "lib/index.min.js",
   "typings": "types/index.d.ts",
@@ -11,7 +11,7 @@
   ],
   "dependencies": {
     "antd": "^4.8.0",
-    "authing-js-sdk": "4.23.35",
+    "authing-js-sdk": "4.23.36-alpha.1",
     "classnames": "^2.3.1",
     "fastclick": "^1.0.6",
     "global": "^4.4.0",

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/BindTotp/businessRequest.d.ts

@@ -1,4 +1,4 @@
-export declare enum BindTotpBusinessAction {
+export declare const enum BindTotpBusinessAction {
     VerifyTotpFirstTime = "verify-totp-first-time",
     ConfirmTotpRecoveryCode = "confirm-totp-recovery-code"
 }

package/types/ChangeLanguage/index.d.ts

@@ -6,5 +6,5 @@ export declare const LngTextMapping: Record<Lang, {
 }>;
 export declare const ChangeLanguage: (props: {
     onLangChange?: ((lang: Lang) => void) | undefined;
-    langRange?: string[] | undefined;
+    langRange?: Lang[] | undefined;
 }) => JSX.Element | null;

package/types/ChangePassword/businessRequest.d.ts

@@ -1,4 +1,4 @@
-export declare enum ChangePasswordBusinessAction {
+export declare const enum ChangePasswordBusinessAction {
     ResetPassword = "reset-password-first-time",
     FirstLoginReset = "reset-password-forced",
     ResetPasswordStrengthDetection = "reset-password-strength-detection"

package/types/CompleteInfo/businessRequest.d.ts

@@ -1,6 +1,6 @@
 import { User } from 'authing-js-sdk';
 import { CompleteInfoRequest, RegisterCompleteInfoInitData } from './interface';
-export declare enum CompleteInfoAuthFlowAction {
+export declare const enum CompleteInfoAuthFlowAction {
     Complete = "complete-completion",
     Skip = "skip-completion"
 }

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

@@ -5,21 +5,23 @@ export interface CompleteInfoConfig extends IG2Config {
 export declare const getDefaultCompleteInfoConfig: () => CompleteInfoConfig;
 export interface CompleteInfoEvents extends IG2Events {
     onRegisterInfoCompleted?: (user: User, udfs: {
-        definition: any;
+        key: any;
         value: any;
-    }[], authClient: AuthenticationClient) => void;
+    }[], authClient: AuthenticationClient, opts?: {
+        phone?: string;
+        canMergeUser?: boolean;
+    }) => void;
     onRegisterInfoCompletedError?: (error: CommonMessage, udfs: {
-        definition: any;
+        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/ForgetPassword/core/resetPassword.d.ts

@@ -6,8 +6,6 @@ export declare enum InputMethodMap {
 interface ResetPasswordProps {
     onReset: any;
     publicConfig: any;
-    onSend: (type: 'email' | 'phone') => void;
-    onSendError: (type: 'email' | 'phone', error: any) => void;
 }
 export declare const ResetPassword: (props: ResetPasswordProps) => JSX.Element;
 export {};

package/types/ForgetPassword/interface.d.ts

@@ -1,10 +1,10 @@
-import { AuthenticationClient, CommonMessage } from 'authing-js-sdk';
-import { IG2Config, IG2Events, IG2FCProps, IG2FCViewProps } from '../Type';
+import { AuthenticationClient, CommonMessage, SceneType } from 'authing-js-sdk';
+import { EmailScene, IG2Config, IG2Events, IG2FCProps, IG2FCViewProps } from '../Type';
 export interface ForgetPasswordEvents extends IG2Events {
-    onPwdEmailSend?: (authClient: AuthenticationClient) => void;
-    onPwdEmailSendError?: (error: CommonMessage, authClient: AuthenticationClient) => void;
-    onPwdPhoneSend?: (authClient: AuthenticationClient) => void;
-    onPwdPhoneSendError?: (error: CommonMessage, authClient: AuthenticationClient) => void;
+    onEmailSend?: (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;
     onPwdResetError?: (error: CommonMessage, authClient: AuthenticationClient) => void;
 }

package/types/Guard/GuardModule/stateMachine.d.ts

@@ -4,7 +4,7 @@ export interface ModuleState {
     moduleName: GuardModuleType;
     initData?: any;
 }
-export declare enum ActionType {
+export declare const enum ActionType {
     ChangeModule = "ChangeModule",
     Back = "Back",
     Init = "Init"
@@ -29,7 +29,7 @@ export declare class GuardStateMachine {
     end: () => void;
     historyPush: (data: ModuleState, actionType?: ActionType) => void;
     historyBack: (data: ModuleState) => void;
-    setConfig: (config: GuardLocalConfig) => void;
+    setConfig: (config: Partial<GuardLocalConfig>) => void;
     isUseHistoryHijack: () => boolean;
     onPopstate: () => void;
 }

package/types/Guard/config.d.ts

@@ -2,8 +2,6 @@ import { ReactNode } from 'react';
 import { GuardModuleType } from '.';
 import { LoginConfig } from '../Login/interface';
 import { RegisterConfig } from '../Register/interface';
-export interface GuardComponentConfig extends Partial<GuardLocalConfig> {
-}
 export interface GuardLocalConfig extends RegisterConfig, LoginConfig {
     isSSO?: boolean;
     defaultScenes?: GuardModuleType;

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { GuardProps } from '..';
 import '../styles.less';
-export declare enum LangMAP {
+export declare const enum LangMAP {
     zhCn = "zh-CN",
     enUs = "en-US",
     jaJp = "ja-JP"

package/types/Guard/event.d.ts

@@ -51,10 +51,10 @@ export declare const GuardEventsCamelToKebabMapping: {
     readonly onRegister: "register";
     readonly onBeforeRegister: "before-register";
     readonly onRegisterError: "register-error";
-    readonly onPwdEmailSend: "pwd-email-send";
-    readonly onPwdEmailSendError: "pwd-email-send-error";
-    readonly onPwdPhoneSend: "pwd-phone-send";
-    readonly onPwdPhoneSendError: "pwd-phone-send-error";
+    readonly onEmailSend: "email-send";
+    readonly onEmailSendError: "email-send-error";
+    readonly onPhoneSend: "phone-send";
+    readonly onPhoneSendError: "phone-send-error";
     readonly onPwdReset: "pwd-reset";
     readonly onPwdResetError: "pwd-reset-error";
     readonly onClose: "close";
@@ -63,6 +63,7 @@ export declare const GuardEventsCamelToKebabMapping: {
     readonly onRegisterInfoCompleted: "register-info-completed";
     readonly onRegisterInfoCompletedError: "register-info-completed-error";
     readonly onLangChange: "lang-change";
+    readonly onBeforeChangeModule: "before-change-module";
 };
 export interface GuardEventsKebabToCamelType {
     load: GuardEvents['onLoad'];
@@ -73,10 +74,10 @@ export interface GuardEventsKebabToCamelType {
     'before-register': GuardEvents['onBeforeRegister'];
     register: GuardEvents['onRegister'];
     'register-error': GuardEvents['onRegisterError'];
-    'pwd-email-send': GuardEvents['onPwdEmailSend'];
-    'pwd-email-send-error': GuardEvents['onPwdEmailSendError'];
-    'pwd-phone-send': GuardEvents['onPwdPhoneSend'];
-    'pwd-phone-send-error': GuardEvents['onPwdPhoneSendError'];
+    'email-send': GuardEvents['onEmailSend'];
+    'email-send-error': GuardEvents['onEmailSendError'];
+    'phone-send': GuardEvents['onPhoneSend'];
+    'phone-send-error': GuardEvents['onPhoneSendError'];
     'pwd-reset': GuardEvents['onPwdReset'];
     'pwd-reset-error': GuardEvents['onPwdResetError'];
     close: GuardEvents['onClose'];
@@ -85,4 +86,5 @@ export interface GuardEventsKebabToCamelType {
     'register-info-completed': GuardEvents['onRegisterInfoCompleted'];
     'register-info-completed-error': GuardEvents['onRegisterInfoCompletedError'];
     'lang-change': GuardEvents['onLangChange'];
+    'before-change-module': GuardEvents['onBeforeChangeModule'];
 }

package/types/Guard/module.d.ts

@@ -1,4 +1,4 @@
-export declare enum GuardModuleType {
+export declare const enum GuardModuleType {
     ERROR = "error",
     LOGIN = "login",
     REGISTER = "register",
@@ -14,10 +14,12 @@ export declare 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"
 }
 export interface GuardModuleAction {

package/types/IdentityBinding/businessRequest.d.ts

@@ -1,4 +1,4 @@
-export declare enum IdentityBindingBusinessAction {
+export declare const enum IdentityBindingBusinessAction {
     PhoneCode = "phone-code",
     EmailCode = "emial-code",
     Password = "password"
@@ -17,7 +17,7 @@ export interface PasswordParams {
     password: string;
     captchaCode: string;
 }
-export declare enum IdentityBindingAction {
+export declare const enum IdentityBindingAction {
     CreateUser = "create-federation-account",
     BindByPassword = "bind-identity-by-password",
     BindByPhoneCode = "bind-identity-by-phone-code",

package/types/Login/interface.d.ts

@@ -1,7 +1,7 @@
 import { IG2Config, IG2Events, IG2FCProps, IG2FCViewProps } from '../Type';
-import { AuthenticationClient, SocialConnectionProvider, User } from 'authing-js-sdk';
+import { AuthenticationClient, User } from 'authing-js-sdk';
 import { QrCodeAuthenticationClient } from 'authing-js-sdk/build/main/lib/authentication/QrCodeAuthenticationClient';
-import { Agreement, LoginMethods, PasswordLoginMethods } from '../Type/application';
+import { Agreement, LoginMethods, PasswordLoginMethods, SocialConnectionProvider } from '../Type/application';
 export interface LoginConfig extends IG2Config {
     autoRegister?: boolean;
     disableResetPwd?: boolean;

package/types/Login/socialLogin/index.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 import './style.less';
 import { GuardLocalConfig } from '../../Guard';
+import { ApplicationConfig, SocialConnectionItem } from '../../Type/application';
 import { StoreInstance } from '../../Guard/core/hooks/useMultipleAccounts';
-import { ApplicationConfig, SocialConnectionItem } from '../../Type';
 export interface SocialLoginProps {
     appId: string;
     config: GuardLocalConfig;

package/types/MFA/businessRequest.d.ts

@@ -1,4 +1,4 @@
-export declare enum MfaBusinessAction {
+export declare const enum MfaBusinessAction {
     VerifyEmail = "verify-email",
     VerifySms = "verify-sms",
     VerifyTotp = "verify-totp",

package/types/MFA/interface.d.ts

@@ -7,7 +7,7 @@ export declare const getDefaultMFAConfig: () => MFAConfig;
 export interface MFAEvents extends IG2Events {
     onLogin?: (user: User, authClient: AuthenticationClient) => void;
 }
-export declare enum MFAType {
+export declare const enum MFAType {
     SMS = "SMS",
     EMAIL = "EMAIL",
     TOTP = "OTP",
@@ -29,6 +29,7 @@ export interface GuardMFAInitData {
     nickme?: string;
     username?: string;
     current?: MFAType;
+    thirdPartyOrigin?: boolean;
 }
 export interface GuardMFAProps extends IG2FCProps, MFAEvents {
     config: Partial<MFAConfig>;

package/types/RecoveryCode/businessRequest.d.ts

@@ -1,4 +1,4 @@
-export declare enum TotpRecoveryCodeBusinessAction {
+export declare const enum TotpRecoveryCodeBusinessAction {
     RecoveryTotp = "recovery-totp",
     ConfirmTotpRecoveryCode = "confirm-totp-recovery-code"
 }

package/types/Type/application.d.ts

@@ -1,20 +1,20 @@
 import { Lang } from '..';
 import { PasswordStrength } from '../_utils';
-export declare enum LoginMethods {
+export * from 'authing-js-sdk';
+export declare const enum LoginMethods {
     LDAP = "ldap",
     AppQr = "app-qrcode",
     Password = "password",
     PhoneCode = "phone-code",
     WxMinQr = "wechat-miniprogram-qrcode",
     AD = "ad",
-    WechatMpQrcode = "wechatmp-qrcode",
-    WechatworkCorpQrconnect = "wechatwork-corp-qrconnect"
+    WechatMpQrcode = "wechatmp-qrcode"
 }
-export declare enum OIDCConnectionMode {
+export declare const enum OIDCConnectionMode {
     FRONT_CHANNEL = "FRONT_CHANNEL",
     BACK_CHANNEL = "BACK_CHANNEL"
 }
-export declare enum SocialConnectionProvider {
+export declare const enum SocialConnectionProvider {
     ALIPAY = "alipay",
     GOOGLE = "google",
     WECHATPC = "wechat:pc",
@@ -41,7 +41,7 @@ export declare enum SocialConnectionProvider {
     QINGCLOUD = "qingcloud",
     FACEBOOK = "facebook"
 }
-export declare enum Protocol {
+export declare const enum Protocol {
     AD = "ad",
     CAS = "cas",
     LDAP = "ldap",
@@ -98,7 +98,7 @@ export interface SocialConnectionItem {
     authorizationUrl: string;
     tooltip: Record<Lang, string>;
 }
-export declare enum RegisterMethods {
+export declare const enum RegisterMethods {
     Email = "email",
     Phone = "phone",
     EmailCode = "emailCode"
@@ -107,12 +107,6 @@ export declare type QrcodeTabsSettings = Record<LoginMethods, Array<{
     id: string;
     title: string;
     isDefault?: boolean;
-    QRConfig?: {
-        corpId: string;
-        agentId: string;
-        redirectUrl: string;
-        identifier: string;
-    };
 }>>;
 export interface OidcClientMetadata {
     grant_types: string[];
@@ -259,6 +253,9 @@ export interface ApplicationConfig {
     verifyCodeLength: number;
     websocket: string;
     welcomeMessage: any;
+    userPortal?: {
+        mergeAccount?: boolean;
+    };
     skipComplateFileds: boolean;
     selfUnlockStrategy: 'captcha' | 'password-captcha';
     defaultLanguageConfig: Lang;

package/types/Type/index.d.ts

@@ -5,7 +5,7 @@ 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 enum GuardMode {
+export declare const enum GuardMode {
     Modal = "modal",
     Normal = "normal"
 }
@@ -33,7 +33,7 @@ export interface IG2Config {
     title?: string;
     logo?: string;
     lang?: string;
-    langRange?: string[];
+    langRange?: Lang[];
     host: string;
     isHost?: boolean;
     mode: GuardMode;
@@ -48,18 +48,18 @@ export interface IG2Config {
 }
 export interface IG2Events {
     onLoad?: (authClient: AuthenticationClient) => void;
-    onLoadError?: (error: CommonMessage) => void;
+    onLoadError?: (error: any) => void;
     onClose?: () => void;
     onLangChange?: (lang: Lang) => void;
     __changeModule?: (moduleName: GuardModuleType, initData?: any) => void;
 }
 export declare const getDefaultG2Config: () => IG2Config;
 export declare const LanguageMap: any;
-export declare enum InputMethod {
+export declare const enum InputMethod {
     EmailCode = "email-code",
     PhoneCode = "phone-code"
 }
-export declare enum GuardPageSene {
+export declare const enum GuardPageSene {
     Global = "global"
 }
 export interface GuardPageConfig {
@@ -68,7 +68,7 @@ export interface GuardPageConfig {
         defaultLanguage: Lang | 'browser';
     };
 }
-export declare enum EmailScene {
+export declare const enum EmailScene {
     WELCOME_EMAIL = "WELCOME_EMAIL",
     FIRST_CREATED_USER = "FIRST_CREATED_USER",
     REGISTER_VERIFY_CODE = "REGISTER_VERIFY_CODE",

package/types/_utils/GuardErrorCode.d.ts

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