@authing/react-ui-components 4.3.3-rc.0 → 4.3.4-alpha.1

package/package.json

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

package/types/AppOtpVerify/DownloadVerifier.d.ts

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

package/types/AppOtpVerify/LoginApp.d.ts

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

package/types/AppOtpVerify/ScanQrcode.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const ScanQrcode: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<unknown>>;

package/types/AppOtpVerify/Steps.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+import './steps.styles.less';
+interface StepsProps {
+    current: number;
+    items: StepItem[];
+}
+interface StepItem {
+    title: ReactNode;
+}
+export declare function Steps(props: StepsProps): JSX.Element;
+export {};

package/types/AppOtpVerify/index.d.ts

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

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

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { Agreement } from '../../../Type';
+interface Options {
+    agreements: Agreement[];
+    checkedAgreements: (string | number)[];
+    checkAllAgreements: () => void;
+    unCheckAllAgreements: () => void;
+}
+export declare function useAgreements(options: Options): {
+    agreements: Agreement[];
+    checkedAgreements: import("react").ReactText[];
+    checkAllAgreements: () => void;
+    unCheckAllAgreements: () => void;
+};
+export {};

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+interface Options {
+    changeTab?: React.Dispatch<any>;
+    currentTab?: string;
+}
+export declare function useGuardView(options?: Options): void;
+export {};

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： 多账号页面跳转进入登录页面
  * 携带的回填数据信息
@@ -249,7 +249,7 @@ declare class MultipleAccount {
         setUserInfo: (user: Pick<User & {
             id: string;
             loginAccount?: string | undefined;
-        }, "email" | "username" | "phone" | "photo" | "id" | "name" | "nickname" | "_updateTime" | "qrCodeId" | "areaCode" | "loginAccount">) => void;
+        }, "email" | "username" | "phone" | "photo" | "id" | "name" | "nickname" | "qrCodeId" | "areaCode" | "_updateTime" | "loginAccount">) => void;
         setLoginWayByHttpData: (account: string, data: {
             username?: string | undefined;
             phone?: string | undefined;
@@ -292,7 +292,7 @@ declare const useMultipleAccounts: ({ appId, finallyConfig, }: {
         setUserInfo: (user: Pick<User & {
             id: string;
             loginAccount?: string | undefined;
-        }, "email" | "username" | "phone" | "photo" | "id" | "name" | "nickname" | "_updateTime" | "qrCodeId" | "areaCode" | "loginAccount">) => void;
+        }, "email" | "username" | "phone" | "photo" | "id" | "name" | "nickname" | "qrCodeId" | "areaCode" | "_updateTime" | "loginAccount">) => void;
         setLoginWayByHttpData: (account: string, data: {
             username?: string | undefined;
             phone?: string | undefined;

package/types/Guard/event.d.ts

@@ -6,8 +6,15 @@ import { IdentityBindingAskEvents } from '../IdentityBindingAsk';
 import { LoginEvents } from '../Login/interface';
 import { RegisterEvents } from '../Register/interface';
 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: {
@@ -21,7 +28,7 @@ export declare const guardEventsFilter: (props: any, multipleInstance?: {
     setUserInfo: (user: Pick<import("./core/hooks/useMultipleAccounts").User & {
         id: string;
         loginAccount?: string | undefined;
-    }, "email" | "username" | "phone" | "photo" | "id" | "name" | "nickname" | "_updateTime" | "qrCodeId" | "areaCode" | "loginAccount">) => void;
+    }, "email" | "username" | "phone" | "photo" | "id" | "name" | "nickname" | "qrCodeId" | "areaCode" | "_updateTime" | "loginAccount">) => void;
     setLoginWayByHttpData: (account: string, data: {
         username?: string | undefined;
         phone?: string | undefined;
@@ -66,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'];
@@ -89,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

@@ -21,6 +21,7 @@ export declare enum GuardModuleType {
     IDENTITY_BINDING_NO_ASK = "identityBindingNoAsk",
     SELF_UNLOCK = "selfUnlock",
     FLOW_SELECT_ACCOUNT = "flowSelectAccount",
+    APP_OTP_VERIFY = "appOtpVerify",
     /** 多租户门户选择页 */
     TENANT_PORTAL = "tenant-portal",
     New_SUBMIT_SUCCESS = "newSubmitSuccess",

package/types/LazyloadImage/index.d.ts

@@ -0,0 +1,12 @@
+import { CSSProperties, ReactNode } from 'react';
+interface LazyloadImageProps {
+    src: string;
+    placeholder: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+    alt?: string;
+    width?: string;
+    height?: string;
+}
+export declare function LazyloadImage(props: LazyloadImageProps): JSX.Element;
+export {};

package/types/Login/core/withAuthingOtpPush/BeforeLogin.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { OnPushSuccessProps, OnLoginProps } from './types';
+import { AuthingGuardResponse } from '../../../_utils/http';
+import { Agreement } from '../../../Type';
+interface BeforeLoginProps {
+    onPushSuccess: (props: OnPushSuccessProps) => void;
+    signinByPush: (props: OnLoginProps) => Promise<AuthingGuardResponse<{
+        pushCodeId: string;
+    }>>;
+    pushLoginStatus: boolean;
+    onchangePushLoginStatus: () => void;
+    defaultAccount: string;
+    setAccount: React.Dispatch<any>;
+    agreements: Agreement[];
+}
+export declare function BeforeLogin(props: BeforeLoginProps): JSX.Element;
+export {};

package/types/Login/core/withAuthingOtpPush/PendingLogin.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import './styles.less';
+interface PendingLoginProps {
+    onCancelLogin: () => void;
+}
+export declare function PendingLogin(props: PendingLoginProps): JSX.Element;
+export {};

package/types/Login/core/withAuthingOtpPush/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { LoginWithAuthingOtpPushProps } from './types';
+export declare function LoginWithAuthingOtpPush(props: LoginWithAuthingOtpPushProps): JSX.Element;

package/types/Login/core/withAuthingOtpPush/types.d.ts

@@ -0,0 +1,18 @@
+import { BackFillMultipleState, StoreInstance } from '../../../Guard/core/hooks/useMultipleAccounts';
+import { Agreement } from '../../../Type';
+export interface OnPushSuccessProps {
+    pushCodeId: string;
+}
+export interface CheckPushCodeStatusProps {
+    pushCodeId: string;
+}
+export interface OnLoginProps {
+    account: string;
+}
+export declare type LoginStatus = 'before' | 'pending';
+export interface LoginWithAuthingOtpPushProps {
+    onLoginSuccess?: any;
+    multipleInstance?: StoreInstance;
+    initData?: BackFillMultipleState;
+    agreements: Agreement[];
+}

package/types/Login/hooks/useLoginMultiple.d.ts

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

package/types/Login/hooks/useOtpPushLogin.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+export declare function useOtpPushLoginWay(setLoginWay: React.Dispatch<any>): void;
+export declare function useOtpPushLoginCache(): {
+    getCachedOtpLoginAccount: typeof getCachedOtpLoginAccount;
+    cacheOtpLoginAccount: typeof cacheOtpLoginAccount;
+    clearOtpLoginAccountCache: typeof clearOtpLoginAccountCache;
+};
+export declare function cacheOtpLoginAccount(account: string): void;
+export declare function getCachedOtpLoginAccount(): string;
+export declare function clearOtpLoginAccountCache(): void;

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/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",
@@ -307,6 +308,11 @@ export interface ApplicationConfig {
     mfa: {
         faceScore: number;
     };
+    authingOtpPushTabConfig: {
+        enabledLoginMethods: Array<string> | null;
+        validLoginMethods: Array<string> | null;
+        validRegisterMethods: Array<string> | null;
+    };
     /** 是否开启自定义安全规则 */
     customSecurityEnabled: boolean;
     /** 应用的人机验证策略，始终开启、不开启、设置条件触发 */

package/types/_utils/context.d.ts

@@ -83,6 +83,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;
@@ -116,7 +117,7 @@ export declare const useGuardMultipleInstance: () => {
         setUserInfo: (user: Pick<import("../Guard/core/hooks/useMultipleAccounts").User & {
             id: string;
             loginAccount?: string | undefined;
-        }, "email" | "username" | "phone" | "photo" | "id" | "name" | "nickname" | "_updateTime" | "qrCodeId" | "areaCode" | "loginAccount">) => void;
+        }, "email" | "username" | "phone" | "photo" | "id" | "name" | "nickname" | "qrCodeId" | "areaCode" | "_updateTime" | "loginAccount">) => void;
         setLoginWayByHttpData: (account: string, data: {
             username?: string | undefined;
             phone?: string | undefined;

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.3-rc.0";
+declare const _default: "4.3.4-alpha.1";
 export default _default;