Merge pull request dozoisch#196 from dozoisch/fix-171-timeout

Remove timeout removal, remove component unmount

Author: dozoisch

CHANGELOG.md

@@ -1,3 +1,12 @@
+v3.0.0-alpha.1 - Mon 23 Nov 2020 22:25 ET
+---------------------------------------
+- Add isolated prop [(#179)](https://github.com/dozoisch/react-google-recaptcha/issues/179)
+- Update dependencies 1 [(#187)](https://github.com/dozoisch/react-google-recaptcha/issues/187)
+- Update dependencies 2 [(#194)](https://github.com/dozoisch/react-google-recaptcha/issues/194)
+- Remove Timeout Removal [(#196)](https://github.com/dozoisch/react-google-recaptcha/issues/196)
+
+
+
 v2.1.0 - Fri 5 Jun 2020 22:05 PST
 ---------------------------------------
 - Add promise based Execution [(#163)](https://github.com/dozoisch/react-google-recaptcha/issues/163)

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "react-google-recaptcha",
-  "version": "2.1.0",
+  "version": "3.0.0-alpha.1",
   "description": "React Component Wrapper for Google reCAPTCHA",
   "main": "lib/index.js",
   "module": "lib/esm/index.js",

package.json

@@ -48,6 +48,12 @@ export default class ReCAPTCHA extends React.Component {
     }
   }
 
+  forceReset() {
+    if (this.props.grecaptcha) {
+      this.props.grecaptcha.reset();
+    }
+  }
+
   handleExpired() {
     if (this.props.onExpired) {
       this.props.onExpired();
@@ -111,29 +117,6 @@ export default class ReCAPTCHA extends React.Component {
     this.explicitRender();
   }
 
-  componentWillUnmount() {
-    if (this._widgetId !== undefined) {
-      this.delayOfCaptchaIframeRemoving();
-      this.reset();
-    }
-  }
-
-  delayOfCaptchaIframeRemoving() {
-    const temporaryNode = document.createElement("div");
-    document.body.appendChild(temporaryNode);
-    temporaryNode.style.display = "none";
-
-    // move of the recaptcha to a temporary node
-    while (this.captcha.firstChild) {
-      temporaryNode.appendChild(this.captcha.firstChild);
-    }
-
-    // delete the temporary node after reset will be done
-    setTimeout(() => {
-      document.body.removeChild(temporaryNode);
-    }, 5000);
-  }
-
   handleRecaptchaRef(elem) {
     this.captcha = elem;
   }