@hcaptcha/react-hcaptcha 0.3.8 → 0.3.9

package/dist/index.js

@@ -170,7 +170,7 @@ var HCaptcha = /*#__PURE__*/function (_React$Component) {
     }
   }, {
     key: "renderCaptcha",
-    value: function renderCaptcha() {
+    value: function renderCaptcha(onReady) {
       var isApiReady = this.state.isApiReady;
       if (!isApiReady) return; //Render hCaptcha widget and provide necessary callbacks - hCaptcha
 
@@ -182,6 +182,8 @@ var HCaptcha = /*#__PURE__*/function (_React$Component) {
       this.setState({
         isRemoved: false,
         captchaId: captchaId
+      }, function () {
+        onReady && onReady();
       });
     }
   }, {
@@ -218,11 +220,12 @@ var HCaptcha = /*#__PURE__*/function (_React$Component) {
       this.setState({
         isApiReady: true
       }, function () {
-        // trigger onLoad if it exists
-        var onLoad = _this3.props.onLoad;
-        if (onLoad) onLoad(); // render captcha
-
-        _this3.renderCaptcha();
+        // render captcha and wait for captcha id
+        _this3.renderCaptcha(function () {
+          // trigger onLoad if it exists
+          var onLoad = _this3.props.onLoad;
+          if (onLoad) onLoad();
+        });
       });
     }
   }, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hcaptcha/react-hcaptcha",
-  "version": "0.3.8",
+  "version": "0.3.9",
   "types": "types/index.d.ts",
   "main": "dist/index.js",
   "files": [

package/src/index.js

@@ -119,7 +119,7 @@ class HCaptcha extends React.Component {
       }
     }
 
-    renderCaptcha() {
+    renderCaptcha(onReady) {
       const { isApiReady } = this.state;
       if (!isApiReady) return;
 
@@ -132,7 +132,9 @@ class HCaptcha extends React.Component {
           "callback"            : this.handleSubmit,
         });
 
-      this.setState({ isRemoved: false, captchaId });
+      this.setState({ isRemoved: false, captchaId }, () => {
+        onReady && onReady();
+      });
     }
 
     resetCaptcha() {
@@ -156,12 +158,13 @@ class HCaptcha extends React.Component {
 
     handleOnLoad () {
       this.setState({ isApiReady: true }, () => {
-        // trigger onLoad if it exists
-        const { onLoad } = this.props;
-        if (onLoad) onLoad();
 
-        // render captcha
-        this.renderCaptcha();
+        // render captcha and wait for captcha id
+        this.renderCaptcha(() => {
+            // trigger onLoad if it exists
+            const { onLoad } = this.props;
+            if (onLoad) onLoad();
+        });
       });
     }