Merge pull request #5 from stefanbobrowski/feature/mvp

fix recaptcha attempt 3

Author: stefanbobrowski

frontend/src/helpers/getRecaptchaToken.ts

@@ -6,26 +6,33 @@ export async function getRecaptchaToken(action: string): Promise<string> {
 
     window.grecaptcha.ready(async () => {
       try {
-        // 🔥 Wait until reCAPTCHA client exists
-        const maxWaitMs = 3000; // 3 seconds max
+        const maxWaitMs = 5000;
         const pollIntervalMs = 100;
         let waited = 0;
 
         while (waited < maxWaitMs) {
           const clients = (window.grecaptcha as any)?.getClients?.();
           if (clients && Object.keys(clients).length > 0) {
-            break; // clients exist, safe to proceed
+            break;
           }
           await new Promise((r) => setTimeout(r, pollIntervalMs));
           waited += pollIntervalMs;
         }
 
-        // Final check
+        // If no clients exist after waiting, manually render a dummy invisible badge
         const clients = (window.grecaptcha as any)?.getClients?.();
         if (!clients || Object.keys(clients).length === 0) {
-          return reject(new Error('No reCAPTCHA clients available after waiting.'));
+          console.warn('No reCAPTCHA clients found after waiting. Manually creating client.');
+          const dummyContainer = document.createElement('div');
+          dummyContainer.style.display = 'none';
+          document.body.appendChild(dummyContainer);
+          (window.grecaptcha as any).render(dummyContainer, {
+            sitekey: import.meta.env.VITE_RECAPTCHA_SITE_KEY,
+            size: 'invisible',
+          });
         }
 
+        // Now execute
         const token = await window.grecaptcha.execute(import.meta.env.VITE_RECAPTCHA_SITE_KEY, {
           action,
         });