up -- Invalid reCAPTCHA response

ui/advancedFilter/ExportCSV.tsx

@@ -48,7 +48,12 @@ const ExportCSV = ({ filters }: Props) => {
     try {
       setIsLoading(true);
 
-      const response = await recaptcha.fetchProtectedResource(apiFetchFactory);
+      // const response = await recaptcha.fetchProtectedResource(apiFetchFactory);
+      const token = await recaptcha.executeAsync();
+      if (!token) {
+        throw new Error('ReCaptcha is not solved');
+      }
+      const response = await recaptcha.fetchProtectedResource(apiFetchFactory, token);
 
       const blob = await response.blob();
       const fileName = `export-filtered-txs-${ dayjs().format('YYYY-MM-DD-HH-mm-ss') }.csv`;

ui/myProfile/MyProfileEmail.tsx

@@ -60,7 +60,12 @@ const MyProfileEmail = ({ profileQuery }: Props) => {
 
   const onFormSubmit: SubmitHandler<FormFields> = React.useCallback(async(formData) => {
     try {
-      await recaptcha.fetchProtectedResource(authFetchFactory(formData.email));
+      // await recaptcha.fetchProtectedResource(authFetchFactory(formData.email));
+      const token = await recaptcha.executeAsync();
+      if (!token) {
+        throw new Error('ReCaptcha is not solved');
+      }
+      await recaptcha.fetchProtectedResource(authFetchFactory(formData.email), token);
       mixpanel.logEvent(mixpanel.EventTypes.ACCOUNT_LINK_INFO, {
         Source: 'Profile',
         Status: 'OTP sent',

ui/snippets/auth/screens/AuthModalScreenEmail.tsx

@@ -51,7 +51,13 @@ const AuthModalScreenEmail = ({ onSubmit, isAuth, mixpanelConfig }: Props) => {
 
   const onFormSubmit: SubmitHandler<EmailFormFields> = React.useCallback(async(formData) => {
     try {
-      await recaptcha.fetchProtectedResource(sendCodeFetchFactory(formData.email));
+      // await recaptcha.fetchProtectedResource(sendCodeFetchFactory(formData.email));
+      // Ensure initial token is present for endpoints that always require reCAPTCHA
+      const token = await recaptcha.executeAsync();
+      if (!token) {
+        throw new Error('ReCaptcha is not solved');
+      }
+      await recaptcha.fetchProtectedResource(sendCodeFetchFactory(formData.email), token);
 
       if (isAuth) {
         mixpanelConfig?.account_link_info.source !== 'Profile' && mixpanel.logEvent(mixpanel.EventTypes.ACCOUNT_LINK_INFO, {

ui/snippets/auth/screens/AuthModalScreenOtpCode.tsx

@@ -84,7 +84,12 @@ const AuthModalScreenOtpCode = ({ email, onSuccess, isAuth }: Props) => {
     try {
       formApi.clearErrors('code');
       setIsCodeSending(true);
-      await recaptcha.fetchProtectedResource(resendCodeFetchFactory);
+      // await recaptcha.fetchProtectedResource(resendCodeFetchFactory);
+      const token = await recaptcha.executeAsync();
+      if (!token) {
+        throw new Error('ReCaptcha is not solved');
+      }
+      await recaptcha.fetchProtectedResource(resendCodeFetchFactory, token);
 
       toaster.success({
         title: 'Success',

ui/tokenInstance/TokenInstanceMetadataFetcher.tsx

@@ -60,7 +60,12 @@ const TokenInstanceMetadataFetcher = ({ hash, id }: Props) => {
 
   const initializeUpdate = React.useCallback(async() => {
     try {
-      await recaptcha.fetchProtectedResource(apiFetchFactory);
+      // await recaptcha.fetchProtectedResource(apiFetchFactory);
+      const token = await recaptcha.executeAsync();
+      if (!token) {
+        throw new Error('ReCaptcha is not solved');
+      }
+      await recaptcha.fetchProtectedResource(apiFetchFactory, token);
       setStatus?.('WAITING_FOR_RESPONSE');
       toaster.loading({
         id: TOAST_ID,