@authing/react-ui-components 4.4.3-lulu.0 → 4.4.3-lulu.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@authing/react-ui-components",
-  "version": "4.4.3-lulu.0",
+  "version": "4.4.3-lulu.10",
   "private": false,
   "main": "lib/index.min.js",
   "typings": "types/index.d.ts",
@@ -10,6 +10,7 @@
     "types"
   ],
   "dependencies": {
+    "@github/webauthn-json": "^2.1.1",
     "antd": "^4.8.0",
     "authing-js-sdk": "4.23.48",
     "classnames": "^2.3.1",

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+interface LoginWithPasskeyProps {
+    onLoginSuccess: any;
+    onLoginFailed: any;
+}
+export declare const PasskeyButton: (props: LoginWithPasskeyProps) => JSX.Element;
+export {};

package/types/MFA/businessRequest.d.ts

@@ -1,11 +1,15 @@
+import { AuthingGuardResponse } from '../_utils/http';
+import { CredentialCreationOptionsJSON, CredentialRequestOptionsJSON, PublicKeyCredentialWithAssertionJSON, PublicKeyCredentialWithAttestationJSON } from '@github/webauthn-json';
 export declare enum MfaBusinessAction {
     VerifyEmail = "verify-email",
     VerifySms = "verify-sms",
     VerifyTotp = "verify-totp",
     VerifyFace = "verify-face",
-    AssociateFace = "associate-face"
+    AssociateFace = "associate-face",
+    PasskeyBind = "passkey-bind",
+    PasskeyVerify = "passkey-verify"
 }
-export declare const authFlow: (action: MfaBusinessAction, content: any) => Promise<import("../_utils/http").AuthingGuardResponse<any>>;
+export declare const authFlow: (action: MfaBusinessAction, content: any) => Promise<AuthingGuardResponse<any>>;
 interface VerifySmsContent {
     phone: string;
     code: string;
@@ -31,16 +35,33 @@ interface AssociateFaceContent {
     isExternalPhoto?: boolean;
     mfaToken?: string;
 }
-export declare const VerifyEmail: (content: VerifyEmailContent) => Promise<import("../_utils/http").AuthingGuardResponse<any>>;
-export declare const VerifySms: (content: VerifySmsContent) => Promise<import("../_utils/http").AuthingGuardResponse<any>>;
-export declare const VerifyTotp: (content: VerifyTotpContent) => Promise<import("../_utils/http").AuthingGuardResponse<any>>;
-export declare const VerifyFace: (content: VerifyFaceContent) => Promise<import("../_utils/http").AuthingGuardResponse<any>>;
-export declare const AssociateFace: (content: AssociateFaceContent) => Promise<import("../_utils/http").AuthingGuardResponse<any>>;
+export declare const VerifyEmail: (content: VerifyEmailContent) => Promise<AuthingGuardResponse<any>>;
+export declare const VerifySms: (content: VerifySmsContent) => Promise<AuthingGuardResponse<any>>;
+export declare const VerifyTotp: (content: VerifyTotpContent) => Promise<AuthingGuardResponse<any>>;
+export declare const VerifyFace: (content: VerifyFaceContent) => Promise<AuthingGuardResponse<any>>;
+export declare const AssociateFace: (content: AssociateFaceContent) => Promise<AuthingGuardResponse<any>>;
+declare type BindPasskeyContent = PublicKeyCredentialWithAttestationJSON;
+interface VerifyPasskeyContent {
+    credential: PublicKeyCredentialWithAssertionJSON;
+    ticket: string;
+}
+interface GetPasskeyBindChallengeParams {
+    mfaToken: string;
+}
+interface GetPasskeyVerifyChallengeParams {
+    mfaToken: string;
+}
+export declare const GetPasskeyBindChallenge: (content: GetPasskeyBindChallengeParams) => Promise<AuthingGuardResponse<CredentialCreationOptionsJSON>>;
+export declare const GetPasskeyVerifyChallenge: (content: GetPasskeyVerifyChallengeParams) => Promise<AuthingGuardResponse<CredentialRequestOptionsJSON & {
+    ticket: string;
+}>>;
 export declare const useMfaBusinessRequest: () => {
-    "verify-email": (content: VerifyEmailContent) => Promise<import("../_utils/http").AuthingGuardResponse<any>>;
-    "verify-sms": (content: VerifySmsContent) => Promise<import("../_utils/http").AuthingGuardResponse<any>>;
-    "verify-totp": (content: VerifyTotpContent) => Promise<import("../_utils/http").AuthingGuardResponse<any>>;
-    "verify-face": (content: VerifyFaceContent) => Promise<import("../_utils/http").AuthingGuardResponse<any>>;
-    "associate-face": (content: AssociateFaceContent) => Promise<import("../_utils/http").AuthingGuardResponse<any>>;
+    "verify-email": (content: VerifyEmailContent) => Promise<AuthingGuardResponse<any>>;
+    "verify-sms": (content: VerifySmsContent) => Promise<AuthingGuardResponse<any>>;
+    "verify-totp": (content: VerifyTotpContent) => Promise<AuthingGuardResponse<any>>;
+    "verify-face": (content: VerifyFaceContent) => Promise<AuthingGuardResponse<any>>;
+    "associate-face": (content: AssociateFaceContent) => Promise<AuthingGuardResponse<any>>;
+    "passkey-bind": (content: BindPasskeyContent) => Promise<AuthingGuardResponse<any>> | null;
+    "passkey-verify": (content: VerifyPasskeyContent) => Promise<AuthingGuardResponse<any>> | null;
 };
 export {};

package/types/MFA/core/passkey.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { MFAType } from '../interface';
+interface BindPasskeyProps {
+    mfaToken: string;
+    mfaLogin: (code: any, data: any, message?: string) => void;
+    mfaConfigsMap: Map<MFAType, boolean>;
+}
+interface VerifyPasskeyProps {
+    mfaToken: string;
+    mfaLogin: (code: any, data: any, message?: string) => void;
+}
+export declare type MFAPasskeyProps = BindPasskeyProps & VerifyPasskeyProps & {
+    passkeyEnabled: boolean;
+};
+export declare const MFAPasskey: React.FC<MFAPasskeyProps>;
+export {};

package/types/MFA/interface.d.ts

@@ -11,7 +11,8 @@ export declare enum MFAType {
     SMS = "SMS",
     EMAIL = "EMAIL",
     TOTP = "OTP",
-    FACE = "FACE"
+    FACE = "FACE",
+    PASSKEY = "PASSKEY"
 }
 export interface GuardMFAInitData {
     mfaToken: string;

package/types/Type/application.d.ts

@@ -1,4 +1,5 @@
 import { Lang } from '..';
+import { MFAType } from '../MFA/interface';
 import { PasswordStrength } from '../_utils';
 export * from 'authing-js-sdk';
 export declare enum LoginMethods {
@@ -10,7 +11,8 @@ export declare enum LoginMethods {
     WxMinQr = "wechat-miniprogram-qrcode",
     AD = "ad",
     WechatMpQrcode = "wechatmp-qrcode",
-    AuthingOtpPush = "authing-otp-push"
+    AuthingOtpPush = "authing-otp-push",
+    Passkey = "passkey"
 }
 export declare enum OIDCConnectionMode {
     FRONT_CHANNEL = "FRONT_CHANNEL",
@@ -293,6 +295,10 @@ export interface ApplicationConfig {
     welcomeMessage: any;
     skipComplateFileds: boolean;
     selfUnlockStrategy: 'captcha' | 'password-captcha';
+    mfaBindConfigs?: {
+        mfa: MFAType;
+        changeable: boolean;
+    }[];
     defaultLanguageConfig: Lang;
     /**
      * 是否开启账号切换
@@ -320,6 +326,7 @@ export interface ApplicationConfig {
     isTenantDefault?: boolean;
     /** 租户详情 */
     tenantInfo?: Record<string, any>;
+    passkeyEnabled: boolean;
     /** mfa 相关 */
     mfa: {
         faceScore: number;

package/types/_utils/index.d.ts

@@ -27,7 +27,7 @@ export declare const getClassnames: (classnames: (string | boolean | undefined)[
  * @param item
  * @returns {boolean}
  */
-export declare function isObject(item: any): any;
+export declare function isObject(item: any): boolean;
 /**
  * https://www.itranslater.com/qa/details/2115518846294557696
  * Deep merge two objects.

package/types/_utils/passkey.d.ts

@@ -0,0 +1,3 @@
+import { CredentialCreationOptionsJSON, CredentialRequestOptionsJSON } from '@github/webauthn-json';
+export declare const registerPasskey: (challenge: CredentialCreationOptionsJSON) => Promise<import("@github/webauthn-json").PublicKeyCredentialWithAttestationJSON | undefined>;
+export declare const verifyPasskey: (challenge: CredentialRequestOptionsJSON) => Promise<import("@github/webauthn-json").PublicKeyCredentialWithAssertionJSON | undefined>;

package/types/version/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "4.4.3-lulu.0";
+declare const _default: "4.4.3-lulu.10";
 export default _default;