🐛 init captcha bug fix

erickcrus · Jan 4, 2024 · a33c371 · a33c371
1 parent ae1d4b6
commit a33c371
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 3 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@erickcrus/react-native-recaptcha",
-  "version": "0.1.5",
+  "version": "0.1.6",
   "private": false,
   "license": "MIT",
   "description": "⚛ A lightweight new invisible recaptcha lib",

diff --git a/src/Recaptcha.tsx b/src/Recaptcha.tsx
@@ -249,20 +249,33 @@ const Recaptcha = forwardRef<RecaptchaRef, RecaptchaProps>((props, $ref) => {
     }
 
     const handleOpen = () => {
+        // prevent expiring if the recaptcha is already loaded
+        $webView.current?.injectJavaScript(`
+            setTimeout(() => {
+                grecaptcha.reset();
+            }, 0);
+            true;
+        `);
+
+        // if the recaptcha dont respond in 30 seconds, the error callback will be called
         timeout.current = setTimeout(() => {
             onError && onError('timeout');
             containerOpacity.value = 0;
             containerZIndex.value = -1000;
             $webView.current?.injectJavaScript(`
-                grecaptcha.reset('submit');
+                grecaptcha.reset();
                 true;
             `);
             setLoading(false);
         }, 30000);
+
+        // run recaptcha
         containerOpacity.value = 1;
         containerZIndex.value = 100000;
         $webView.current?.injectJavaScript(`
-            grecaptcha.execute();
+            setTimeout(() => {
+                grecaptcha.execute();
+            }, 100);
             true;
         `);
         setLoading(true);