@hcaptcha/react-hcaptcha 1.1.1 → 1.3.1

package/README.md

@@ -149,7 +149,10 @@ return <HCaptcha ref={captchaRef} onLoad={onLoad} sitekey={sitekey} {...props} /
 |Method|Description|
 |---|---|
 |`execute()`|Programmatically trigger a challenge request. Additionally, this method can be run asynchronously and returns a promise with the `token` and `eKey` when the challenge is completed.|
+|`getRespKey()`|Get the current challenge reference ID|
+|`getResponse()`|Get the current challenge response token from completed challenge|
 |`resetCaptcha()`|Reset the current challenge|
+|`setData()`|See enterprise docs.|
 
 
 **NOTE**: Make sure to reset the hCaptcha state when you submit your form by calling the method `.resetCaptcha` on your hCaptcha React Component! Passcodes are one-time use, so if your user submits the same passcode twice then it will be rejected by the server the second time.

package/dist/index.js

@@ -104,22 +104,23 @@ var HCaptcha = /*#__PURE__*/function (_React$Component) {
 
       if (!isApiReady) {
         //Check if hCaptcha has already been loaded, if not create script tag and wait to render captcha
-        if (!apiScriptRequested) {
-          // Only create the script tag once, use a global variable to track
-          mountCaptchaScript({
-            apihost: apihost,
-            assethost: assethost,
-            endpoint: endpoint,
-            hl: hl,
-            host: host,
-            imghost: imghost,
-            recaptchacompat: reCaptchaCompat === false ? "off" : null,
-            reportapi: reportapi,
-            sentry: sentry,
-            custom: custom
-          });
-        } // Add onload callback to global onload listeners
-
+        if (apiScriptRequested) {
+          return;
+        } // Only create the script tag once, use a global variable to track
+
+
+        mountCaptchaScript({
+          apihost: apihost,
+          assethost: assethost,
+          endpoint: endpoint,
+          hl: hl,
+          host: host,
+          imghost: imghost,
+          recaptchacompat: reCaptchaCompat === false ? "off" : null,
+          reportapi: reportapi,
+          sentry: sentry,
+          custom: custom
+        }); // Add onload callback to global onload listeners
 
         onLoadListeners.push(this.handleOnLoad);
       } else {
@@ -329,6 +330,31 @@ var HCaptcha = /*#__PURE__*/function (_React$Component) {
 
       return hcaptcha.execute(captchaId, opts);
     }
+  }, {
+    key: "setData",
+    value: function setData(data) {
+      var captchaId = this.state.captchaId;
+
+      if (!this.isReady()) {
+        return;
+      }
+
+      if (data && (0, _typeof2["default"])(data) !== "object") {
+        data = null;
+      }
+
+      hcaptcha.setData(captchaId, data);
+    }
+  }, {
+    key: "getResponse",
+    value: function getResponse() {
+      return hcaptcha.getResponse(this.state.captchaId);
+    }
+  }, {
+    key: "getRespKey",
+    value: function getRespKey() {
+      return hcaptcha.getRespKey(this.state.captchaId);
+    }
   }, {
     key: "render",
     value: function render() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hcaptcha/react-hcaptcha",
-  "version": "1.1.1",
+  "version": "1.3.1",
   "types": "types/index.d.ts",
   "main": "dist/index.js",
   "files": [
@@ -43,5 +43,8 @@
     "webpack": "^4.44.2",
     "webpack-cli": "^3.3.12",
     "webpack-dev-server": "^3.11.0"
+  },
+  "dependencies": {
+    "@babel/runtime": "^7.17.9"
   }
 }

package/src/index.js

@@ -67,23 +67,24 @@ class HCaptcha extends React.Component {
       const { isApiReady } = this.state;
 
       if (!isApiReady) {  //Check if hCaptcha has already been loaded, if not create script tag and wait to render captcha
-
-        if (!apiScriptRequested) {
-            // Only create the script tag once, use a global variable to track
-            mountCaptchaScript({
-              apihost,
-              assethost,
-              endpoint,
-              hl,
-              host,
-              imghost,
-              recaptchacompat: reCaptchaCompat === false? "off" : null,
-              reportapi,
-              sentry,
-              custom
-            });
+        if (apiScriptRequested) {
+          return;
         }
 
+        // Only create the script tag once, use a global variable to track
+        mountCaptchaScript({
+          apihost,
+          assethost,
+          endpoint,
+          hl,
+          host,
+          imghost,
+          recaptchacompat: reCaptchaCompat === false? "off" : null,
+          reportapi,
+          sentry,
+          custom
+        });
+
         // Add onload callback to global onload listeners
         onLoadListeners.push(this.handleOnLoad);
       } else {
@@ -265,6 +266,28 @@ class HCaptcha extends React.Component {
       return hcaptcha.execute(captchaId, opts);
     }
 
+    setData (data) {
+      const { captchaId } = this.state;
+
+      if (!this.isReady()) {
+        return;
+      }
+
+      if (data && typeof data !== "object") {
+        data = null;
+      }
+
+      hcaptcha.setData(captchaId, data);
+    }
+
+    getResponse() {
+      return hcaptcha.getResponse(this.state.captchaId);
+    }
+
+    getRespKey() {
+      return hcaptcha.getRespKey(this.state.captchaId)
+    }
+
     render () {
       const { elementId } = this.state;
       return <div ref={this.ref} id={elementId}></div>

package/types/index.d.ts

@@ -39,6 +39,9 @@ declare class HCaptcha extends React.Component<HCaptchaProps, HCaptchaState> {
   resetCaptcha(): void;
   renderCaptcha(): void;
   removeCaptcha(): void;
+  getRespKey(): string;
+  getResponse(): string;
+  setData(data: object): void;
   execute(opts: { async: true }): Promise<ExecuteResponse>;
   execute(opts?: { async: false }): void;
   execute(opts?: { async: boolean }): Promise<ExecuteResponse> | void;