@authing/react-ui-components 4.3.16-rc.6 → 4.3.16-rc.8

package/lib/index.min.js.LICENSE.txt

@@ -25,6 +25,12 @@
  * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
  */
 
+/**
+ * @license qrcode.react
+ * Copyright (c) Paul O'Shannessy
+ * SPDX-License-Identifier: ISC
+ */
+
 /** @license React v16.13.1
  * react-is.production.min.js
  *

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@authing/react-ui-components",
-  "version": "4.3.16-rc.6",
+  "version": "4.3.16-rc.8",
   "private": false,
   "main": "lib/index.min.js",
   "typings": "types/index.d.ts",
@@ -11,12 +11,13 @@
   ],
   "dependencies": {
     "antd": "^4.8.0",
-    "authing-js-sdk": "4.23.36-alpha.1",
+    "authing-js-sdk": "4.23.44",
     "classnames": "^2.3.1",
     "fastclick": "^1.0.6",
     "global": "^4.4.0",
     "phone": "^3.1.12",
     "prompt": "^1.3.0",
+    "qrcode.react": "^3.1.0",
     "qs": "^6.9.4",
     "react-responsive": "^9.0.0-beta.5",
     "react-use": "^17.3.1",
@@ -45,7 +46,8 @@
     "vite": "vite",
     "generate-version": "node ./scripts/generate-version",
     "generate-examples": "node ./scripts/generate-examples.js",
-    "test": "node ./scripts/dev/pre-build.js"
+    "test": "node ./scripts/dev/pre-build.js",
+    "lint:fix": "eslint --fix --ext .ts,.tsx,.js ./components"
   },
   "publishConfig": {
     "access": "public",

package/types/AuthClientProvider/AuthClientProvider.d.ts

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

package/types/Back/index.d.ts

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

package/types/ChangePassword/index.d.ts

@@ -1,7 +1,8 @@
-import React from 'react';
+import React, { ReactNode } 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/interface.d.ts

@@ -1,5 +1,5 @@
 import { AuthenticationClient, CommonMessage, User } from 'authing-js-sdk';
-import { IG2Config, IG2Events, IG2FCProps } from '../Type';
+import { IG2Config, IG2Events, IG2FCProps, Lang } from '../Type';
 export interface CompleteInfoConfig extends IG2Config {
 }
 export declare const getDefaultCompleteInfoConfig: () => CompleteInfoConfig;
@@ -41,6 +41,9 @@ export interface CompleteInfoRule {
     type: FormValidateRule;
     content: string;
     errorMessage?: string;
+    i18n?: {
+        errorMessage: Record<Lang, []>;
+    };
 }
 export interface CompleteInfoSelectOption {
     value: string;

package/types/CompleteInfo/utils.d.ts

@@ -20,3 +20,9 @@ export declare const fieldValuesToRegisterProfile: (extendsFields: ApplicationCo
         value: string;
     }[];
 };
+/**
+ * @description 获取对应key的国际化value
+ * @param record :example {key:"",i18n:{key:{zh_CN:{enabled:true,value:""}}}
+ * @param key
+ */
+export declare const getI18nValue: (record: any, key: string) => any;

package/types/ForgetPassword/core/resetPassword.d.ts

@@ -1,15 +1,15 @@
-/// <reference types="react" />
+import React from 'react';
 export declare enum InputMethodMap {
     email = "email-code",
     phone = "phone-code"
 }
 interface ResetPasswordProps {
     publicConfig: any;
-    setPhoneOrEmail: any;
     setControlShow: any;
     setPolicyStrength: any;
     setCustomPasswordStrength: any;
     setPhoneOrEmailText: any;
+    setResetToken: React.Dispatch<React.SetStateAction<string>>;
 }
 export declare const ResetPassword: (props: ResetPasswordProps) => JSX.Element;
 export {};

package/types/ForgetPassword/interface.d.ts

@@ -2,13 +2,14 @@ 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;
     onPwdResetError?: (error: CommonMessage, authClient: AuthenticationClient) => void;
 }
 export interface ForgetPasswordConfig extends IG2Config {
+    goBack?: null | (() => void);
 }
 export interface ForgetPasswordProps extends IG2FCProps, ForgetPasswordEvents {
     config: Partial<IG2Config>;

package/types/Guard/config.d.ts

@@ -1,8 +1,9 @@
 import { ReactNode } from 'react';
 import { GuardModuleType } from '.';
+import { ForgetPasswordConfig } from '../ForgetPassword/interface';
 import { LoginConfig } from '../Login/interface';
 import { RegisterConfig } from '../Register/interface';
-export interface GuardLocalConfig extends RegisterConfig, LoginConfig {
+export interface GuardLocalConfig extends RegisterConfig, LoginConfig, ForgetPasswordConfig {
     isSSO?: boolean;
     defaultScenes?: GuardModuleType;
     defaultInitData?: any;

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

@@ -13,7 +13,7 @@ export declare const QR_CODE_WAY: LoginWay[];
  * 登录时所有支持的登录列表(前端定义列表)
  * 这里稍微有点乱 因为Login中的登录方式和这里的不匹配，暂时放在了一起
  */
-export declare type LoginWay = 'email' | 'phone' | 'password' | 'phone-code' | 'email-code' | 'social' | 'wechat-miniprogram-qrcode' | 'wechatmp-qrcode' | 'app-qrcode' | 'ad' | 'ldap' | 'ldap-password' | 'ldap-email' | 'ldap-phone';
+export declare type LoginWay = 'email' | 'phone' | 'password' | 'phone-code' | 'email-code' | 'social' | 'wechat-miniprogram-qrcode' | 'wechatmp-qrcode' | 'app-qrcode' | 'ad' | 'ldap' | 'ldap-password' | 'ldap-email' | 'ldap-phone' | 'authing-otp-push';
 /**
  * when： 多账号页面跳转进入登录页面
  * 携带的回填数据信息

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

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

package/types/Guard/event.d.ts

@@ -5,8 +5,16 @@ import { IdentityBindingEvents } from '../IdentityBinding/interface';
 import { IdentityBindingAskEvents } from '../IdentityBindingAsk';
 import { LoginEvents } from '../Login/interface';
 import { RegisterEvents } from '../Register/interface';
-export interface GuardEvents extends LoginEvents, RegisterEvents, CompleteInfoEvents, ForgetPasswordEvents, IdentityBindingEvents, IdentityBindingAskEvents {
+import { TenantPortalEvents } from '../TenantPortalSelect/interface';
+interface OnAfterChangeModuleOptions {
+    currentView: string;
+    currentModule: GuardModuleType;
+    currentTab?: string;
+    data?: any;
+}
+export interface GuardEvents extends LoginEvents, RegisterEvents, CompleteInfoEvents, ForgetPasswordEvents, IdentityBindingEvents, IdentityBindingAskEvents, TenantPortalEvents {
     onBeforeChangeModule?: (key: GuardModuleType, initData?: any) => boolean | Promise<boolean>;
+    onAfterChangeModule?: (options: OnAfterChangeModuleOptions) => void;
 }
 export declare const guardEventsFilter: (props: any, multipleInstance?: {
     initStore: (appId: string, options: {
@@ -65,6 +73,7 @@ export declare const GuardEventsCamelToKebabMapping: {
     readonly onRegisterInfoCompletedError: "register-info-completed-error";
     readonly onLangChange: "lang-change";
     readonly onBeforeChangeModule: "before-change-module";
+    readonly onAfterChangeModule: "after-change-module";
 };
 export interface GuardEventsKebabToCamelType {
     load: GuardEvents['onLoad'];
@@ -88,4 +97,6 @@ export interface GuardEventsKebabToCamelType {
     'register-info-completed-error': GuardEvents['onRegisterInfoCompletedError'];
     'lang-change': GuardEvents['onLangChange'];
     'before-change-module': GuardEvents['onBeforeChangeModule'];
+    'after-change-module': GuardEvents['onAfterChangeModule'];
 }
+export {};

package/types/Guard/module.d.ts

@@ -18,11 +18,13 @@ export declare enum GuardModuleType {
     SUBMIT_SUCCESS = "submitSuccess",
     IDENTITY_BINDING_ASK = "identityBindingAsk",
     IDENTITY_BINDING = "identityBinding",
+    IDENTITY_BINDING_NO_ASK = "identityBindingNoAsk",
     SELF_UNLOCK = "selfUnlock",
     FLOW_SELECT_ACCOUNT = "flowSelectAccount",
     /** 多租户门户选择页 */
     TENANT_PORTAL = "tenant-portal",
-    New_SUBMIT_SUCCESS = "newSubmitSuccess"
+    New_SUBMIT_SUCCESS = "newSubmitSuccess",
+    RESET_ACCOUNT_NAME = "resetAccountName"
 }
 export interface GuardModuleAction {
     action: string;

package/types/IdentityBinding/IdentityBinding.d.ts

@@ -1,3 +1,5 @@
 import React from 'react';
 import './styles.less';
-export declare const GuardIdentityBindingView: React.FC;
+export declare const GuardIdentityBindingView: React.FC<{
+    skipAsk?: boolean;
+}>;

package/types/IdentityBinding/businessRequest.d.ts

@@ -21,12 +21,15 @@ export declare enum IdentityBindingAction {
     CreateUser = "create-federation-account",
     BindByPassword = "bind-identity-by-password",
     BindByPhoneCode = "bind-identity-by-phone-code",
-    BindByEmailCode = "bind-identity-by-email-code"
+    BindByEmailCode = "bind-identity-by-email-code",
+    RegisterByPassword = "register-bind-by-password",
+    RegisterByPhoneCode = "register-bind-by-phone-code",
+    RegisterByEmailCode = "register-bind-by-email-code"
 }
 export declare const PhoneCode: (params: PhoneCodeParams) => Promise<import("../_utils/http").AuthingGuardResponse<any>>;
 export declare const EmailCode: (params: EmailCodeParams) => Promise<import("../_utils/http").AuthingGuardResponse<any>>;
 export declare const Password: (params: PasswordParams) => Promise<import("../_utils/http").AuthingGuardResponse<any>>;
-export declare const useIdentityBindingBusinessRequest: () => {
+export declare const useIdentityBindingBusinessRequest: (type?: 'register' | 'bind') => {
     "phone-code": (params: PhoneCodeParams) => Promise<import("../_utils/http").AuthingGuardResponse<any>>;
     "emial-code": (params: EmailCodeParams) => Promise<import("../_utils/http").AuthingGuardResponse<any>>;
     password: (params: PasswordParams) => Promise<import("../_utils/http").AuthingGuardResponse<any>>;

package/types/InputPassword/index.d.ts

@@ -1,4 +1,2 @@
-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>>>;
+/// <reference types="react" />
+export declare const InputPassword: (props: any) => JSX.Element;

package/types/Login/index.d.ts

@@ -1,3 +1,5 @@
-/// <reference types="react" />
+import { FC } from 'react';
 import './styles.less';
-export declare const GuardLoginView: () => JSX.Element;
+export declare const GuardLoginView: FC<{
+    isResetPage?: boolean;
+}>;

package/types/Login/multipleAccounts/panel.d.ts

@@ -40,6 +40,7 @@ export interface SelectOptions {
      * 替代图片元素
      */
     element?: React.ReactElement;
+    way: string;
 }
 declare const SelectPanel: React.FC<SelectPanelProps>;
 export { SelectPanel };

package/types/NewSubmitSuccess/interface.d.ts

@@ -10,6 +10,8 @@ export interface SubmitSuccessInitData {
     text?: string;
     countDesc?: string;
     changeModule?: GuardModuleType;
+    needBack?: boolean;
+    goBack?: () => void;
 }
 export interface GuardNewSubmitSuccessViewProps extends IG2FCViewProps, SubmitSuccessEvents {
     config: SubmitSuccessConfig;

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 = "refactor";
+export declare const prefix: string;
 export interface UiQrProps {
     /**
      * Loading 组件

package/types/SendCode/SendCodeByPhone.d.ts

@@ -11,5 +11,7 @@ export interface SendCodeByPhoneProps extends InputProps {
     scene: SceneType;
     areaCode?: string;
     isInternationSms?: boolean;
+    codeFieldName?: string;
+    captchaCode?: string;
 }
 export declare const SendCodeByPhone: FC<SendCodeByPhoneProps>;

package/types/TenantPortalSelect/index.d.ts

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

@@ -8,7 +8,8 @@ export declare enum LoginMethods {
     PhoneCode = "phone-code",
     WxMinQr = "wechat-miniprogram-qrcode",
     AD = "ad",
-    WechatMpQrcode = "wechatmp-qrcode"
+    WechatMpQrcode = "wechatmp-qrcode",
+    AuthingOtpPush = "authing-otp-push"
 }
 export declare enum OIDCConnectionMode {
     FRONT_CHANNEL = "FRONT_CHANNEL",
@@ -177,6 +178,14 @@ export interface TabFieldsI18nItem {
         [propName in Lang]?: string;
     };
 }
+interface LoginTypeI18nProps {
+    tab: {
+        default: string;
+        i18n: {
+            [propName: string]: string;
+        };
+    };
+}
 export interface ApplicationConfig {
     id: string;
     allowedOrigins: string[];
@@ -262,6 +271,12 @@ export interface ApplicationConfig {
         socialLoginBtns: boolean;
         userPasswordInput: boolean;
         wxMpScanTab: boolean;
+        loginMethodsI18nDisplaySettings: {
+            password?: LoginTypeI18nProps;
+            verifyCode?: LoginTypeI18nProps;
+            ad?: LoginTypeI18nProps;
+            ldap?: LoginTypeI18nProps;
+        };
     };
     protocol: Protocol;
     oidcConfig: OidcClientMetadata;
@@ -292,6 +307,11 @@ export interface ApplicationConfig {
         loginMethodsSort: string[];
     };
     tabMethodsFields: TabFieldsI18nItem[];
+    regexRules?: {
+        key: string;
+        appLevel: string;
+        userpoolLevel: string;
+    }[];
     /** 是否为租户控制台应用 */
     isTenantConsole?: boolean;
     /** 是否默认为租户应用面板应用 */
@@ -302,4 +322,15 @@ export interface ApplicationConfig {
     mfa: {
         faceScore: number;
     };
+    authingOtpPushTabConfig: {
+        enabledLoginMethods: Array<string> | null;
+        validLoginMethods: Array<string> | null;
+        validRegisterMethods: Array<string> | null;
+    };
+    /** 是否开启自定义安全规则 */
+    customSecurityEnabled: boolean;
+    /** 应用的人机验证策略，始终开启、不开启、设置条件触发 */
+    appRobotVerify: 'always_enable' | 'disable' | 'condition_set';
+    /** 用户池的人机验证策略，始终开启、不开启、设置条件触发 */
+    userpoolRobotVerify: 'always_enable' | 'disable' | 'condition_set';
 }

package/types/Type/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { AuthenticationClient, CommonMessage, User } from 'authing-js-sdk';
 import { GuardModuleType } from '../Guard/module';
 import { FacePlugin } from '../_utils/facePlugin/interface';
@@ -42,6 +43,7 @@ export interface IG2Config {
     userpool?: string;
     contentCss?: string;
     target?: HTMLElement | string;
+    style?: React.CSSProperties;
     __internalRequest__?: boolean;
     __singleComponent__?: boolean;
     __unAuthFlow__?: boolean;

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

@@ -43,6 +43,7 @@ export declare const useFetchConsoleConfig: (forceUpdate: number, appId?: string
         userpool?: string | undefined;
         contentCss?: string | undefined;
         target?: string | HTMLElement | undefined;
+        style?: import("react").CSSProperties | undefined;
         __internalRequest__?: boolean | undefined;
         __singleComponent__?: boolean | undefined;
         __unAuthFlow__?: boolean | undefined;
@@ -100,6 +101,7 @@ export declare const useFetchConsoleConfig: (forceUpdate: number, appId?: string
             withCustomData?: boolean | undefined;
         } | undefined;
         _closeLoopCheckQrcode?: boolean | undefined;
+        goBack?: (() => void) | null | undefined;
     };
     guardPageConfig: GuardPageConfig;
 } | {

package/types/_utils/context.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { ReactNode } from 'react';
 import { GuardEvents, GuardLocalConfig, GuardModuleType, GuardPageConfig, Lang } from '..';
 import { BackFillMultipleState, StoreInstance } from '../Guard/core/hooks/useMultipleAccounts';
 import { ModuleState } from '../Guard/GuardModule/stateMachine';
@@ -43,19 +43,24 @@ export interface IGuardContext {
          */
         clearBackFillData?: () => void;
     };
+    phoneRegex: RegExp | null;
     defaultLanguageConfig: Lang;
     /** 租户信息获取和操作处理相关 */
     tenantInstance?: MultipleTenant;
+    /** 判断是否是国外的用户池 */
+    isForeignUserpool: boolean;
 }
 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>;
 };
@@ -64,7 +69,9 @@ export interface IGuardContextProvider {
     spinChange: (spin: boolean) => void;
 }
 export declare const useGuardButtonContext: () => {
-    GuardButtonProvider: React.FC<{}>;
+    GuardButtonProvider: React.FC<{
+        children: ReactNode;
+    }>;
 };
 export declare const useGuardButtonState: () => IGuardContextProvider;
 export declare const useGuardPublicConfig: () => ApplicationConfig;
@@ -78,6 +85,7 @@ export declare const useGuardEvents: () => Partial<GuardEvents>;
 export declare const useGuardModule: () => {
     changeModule: ((moduleName: GuardModuleType, initData?: any) => Promise<void>) | undefined;
     backModule: (() => void) | undefined;
+    currentModule: ModuleState;
 };
 export declare const useGuardFinallyConfig: () => GuardLocalConfig;
 export declare const useGuardContextLoaded: () => boolean;
@@ -142,9 +150,14 @@ export declare const useGuardMultipleInstance: () => {
      */
     clearBackFillData?: (() => void) | undefined;
 };
+export declare const useGuardPhoneRegex: () => RegExp | null;
 /**
  * 默认语言
  */
 export declare const useGuardDefaultLanguage: () => Lang;
 /** 用来操作和获取租户相关的内容 */
 export declare const useGuardTenantProvider: () => MultipleTenant | undefined;
+/** 当前人机验证策略 */
+export declare const useRobotVerify: () => "always_enable" | "disable" | "condition_set";
+/** 当前用户池是否是国外用户池 */
+export declare const useIsForeignUserpool: () => boolean;

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 any = any>(target: T, ...sources: any[]): T;
+export declare function deepMerge<T extends object = any>(target: T, ...sources: any[]): T;
 /**
  *  在托管页下上传query中指定的用户自定义字段进行补全
  * @param params 指定上传的用户自定义字段
@@ -92,6 +92,7 @@ export declare const getLoginTypePipe: (publicConfig: ApplicationConfig, registe
 } | undefined;
 export declare const getPasswordIdentify: (identity: string) => string;
 export declare const getCurrentLng: () => Lang;
+export declare const regexFromString: (string: string) => RegExp | null;
 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 | undefined) => string[];

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

@@ -7,6 +7,7 @@ export declare enum CodeAction {
 export declare enum ApiCode {
     IDENTITY_BINDING_ASK = 1641,
     IDENTITY_BINDING = 1640,
+    IDENTITY_BINDING_NO_ASK = 1666,
     APP_MFA = 1636,
     MFA = 1635,
     ABORT_FLOW = 1699,
@@ -18,6 +19,7 @@ export declare enum ApiCode {
     UNSAFE_PASSWORD_TIP = 2061,
     UNSAFE_PASSWORD_RESET = 2071,
     FLOW_SELECT_ACCOUNT = 2921,
-    TENANT_PORTAL = 1644
+    TENANT_PORTAL = 1644,
+    RESET_ACCOUNT_NAME = 1108
 }
 export declare const ChangeModuleApiCodeMapping: Record<string, GuardModuleType>;

package/types/index.d.ts

@@ -4,3 +4,4 @@ export * from './AuthClientProvider';
 export * from './Guard';
 export * from './Type';
 export * from './version';
+export * from './Guard/core/hooks/useGuardView';

package/types/version/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "4.3.16-rc.6";
+declare const _default: "4.3.16-rc.8";
 export default _default;