feat(passkey): 🎨 添加 mediation 为 required

Author: Zoyafng

packages/guard-core-v4/src/MFA/core/passkey.tsx

@@ -163,11 +163,6 @@ const VerifyPasskey: React.FC<VerifyPasskeyProps> = props => {
     }
   }, [])
 
-  // 首次进入页面立即开始验证
-  React.useEffect(() => {
-    handleVerifyPasskey()
-  }, [])
-
   return (
     <>
       <h3 className="authing-g2-mfa-title">{t('common.passkeyVerifyTitle')}</h3>

packages/guard-core-v4/src/_utils/locales/en-us/common.json

@@ -226,7 +226,7 @@
   "createNow": "Create now",
   "passkeyVerifyTitle": "Passkey verify",
   "passkeyVerifyTips": "To ensure access security, please complete verification according to the browser prompts",
-  "reVerify": "reverify",
+  "reVerify": "Verify Passkey",
   "inviteExpired": "The current invitation link has expired. Please contact the relevant administrator to resend the invitation for you.",
   "pageExpired": "The current page has expired. Please click the invitation link again to enter",
   "inviteSuccess": "Successfully joined, please check your email. Please complete the login based on the information in the email.",

packages/guard-core-v4/src/_utils/locales/ja-jp/common.json

@@ -226,7 +226,7 @@
   "createNow": "今すぐ作成",
   "passkeyVerifyTitle": "パスキーログイン",
   "passkeyVerifyTips": "アクセスのセキュリティを確保するため、ブラウザのプロンプトに従って検証を完了してください",
-  "reVerify": "再検証",
+  "reVerify": "検証 Passkey",
   "inviteExpired": "現在の招待リンクは無効です。関連管理者に連絡して招待を再開してください。",
   "pageExpired": "現在のページは期限切れですので、招待リンクをもう一度クリックしてください",
   "inviteSuccess": "正常に参加しました。メールを確認してください。メール内の情報に基づいてログインを完了してください。",

packages/guard-core-v4/src/_utils/locales/zh-cn/common.json

@@ -226,7 +226,7 @@
   "createNow": "立即创建",
   "passkeyVerifyTitle": "Passkey 验证",
   "passkeyVerifyTips": "为了保障访问安全，请根据浏览器提示完成验证",
-  "reVerify": "重新验证",
+  "reVerify": "验证 Passkey",
   "inviteExpired": "当前邀请链接已失效，请联系相关管理员为你重新发起邀请。",
   "pageExpired": "当前页面已过期，请重新点击邀请链接进入",
   "inviteSuccess": "已成功加入，敬请查收邮件。请根据邮件内的信息完成登录。",

packages/guard-core-v4/src/_utils/locales/zh-tw/common.json

@@ -224,7 +224,7 @@
   "createNow": "立即建立",
   "passkeyVerifyTitle": "Passkey 驗證",
   "passkeyVerifyTips": "為了保障存取安全，請根據瀏覽器提示完成驗證",
-  "reVerify": "重新驗證",
+  "reVerify": "驗證 Passkey",
   "inviteExpired": "當前邀請連結已失效，請聯系相關管理員為你重新發起邀請。",
   "pageExpired": "當前頁面已過期，請重新點擊邀請連結進入",
   "inviteSuccess": "已成功加入，敬請查收郵件。 請根據郵件內的資訊完成登入。",

packages/guard-core-v4/src/_utils/passkey.ts

@@ -20,7 +20,10 @@ export const verifyPasskey = async (
   challenge: CredentialRequestOptionsJSON
 ) => {
   try {
-    const attestation = await getWebauthnCredential(challenge)
+    const attestation = await getWebauthnCredential({
+      mediation: 'required',
+      ...challenge
+    })
     return attestation
   } catch (error) {
     console.warn('browser verify passkey error: ', error)