fix(experience): captcha not show on indetifier singin form (#7359)

Author: glzjin

.changeset/swift-glasses-drive.md

@@ -0,0 +1,5 @@
+---
+"@logto/experience": patch
+---
+
+add CAPTCHA box to identifier sign in form

packages/experience/src/components/IdentifierRegisterForm/use-register-with-username.ts

@@ -82,6 +82,7 @@ const useRegisterWithUsername = () => {
       handleError,
       usernameErrorHandlers,
       navigate,
+      executeCaptcha,
     ]
   );
 

packages/experience/src/components/IdentifierSignInForm/index.tsx

@@ -10,6 +10,7 @@ import Button from '@/components/Button';
 import ErrorMessage from '@/components/ErrorMessage';
 import { SmartInputField } from '@/components/InputFields';
 import type { IdentifierInputValue } from '@/components/InputFields/SmartInputField';
+import CaptchaBox from '@/containers/CaptchaBox';
 import TermsAndPrivacyCheckbox from '@/containers/TermsAndPrivacyCheckbox';
 import usePrefilledIdentifier from '@/hooks/use-prefilled-identifier';
 import useSingleSignOnWatch from '@/hooks/use-single-sign-on-watch';
@@ -155,6 +156,7 @@ const IdentifierSignInForm = ({ className, autoFocus, signInMethods }: Props) =>
         )}
       />
 
+      <CaptchaBox />
       <Button
         name="submit"
         title={showSingleSignOnForm ? 'action.single_sign_on' : 'action.sign_in'}

packages/experience/src/hooks/use-password-sign-in.ts

@@ -65,7 +65,7 @@ const usePasswordSignIn = () => {
         await redirectTo(result.redirectTo);
       }
     },
-    [asyncSignIn, checkSingleSignOn, errorHandlers, handleError, redirectTo]
+    [asyncSignIn, checkSingleSignOn, errorHandlers, handleError, redirectTo, executeCaptcha]
   );
 
   return {

packages/experience/src/hooks/use-send-verification-code.ts

@@ -82,7 +82,15 @@ const useSendVerificationCode = (flow: UserFlow, replaceCurrentPage?: boolean) =
         );
       }
     },
-    [asyncSendVerificationCode, flow, handleError, navigate, replaceCurrentPage, setVerificationId]
+    [
+      asyncSendVerificationCode,
+      flow,
+      handleError,
+      navigate,
+      replaceCurrentPage,
+      setVerificationId,
+      executeCaptcha,
+    ]
   );
 
   return {