@hcaptcha/react-hcaptcha 1.13.0 → 1.13.1

package/README.md

@@ -154,6 +154,7 @@ return <HCaptcha ref={captchaRef} onLoad={onLoad} sitekey={sitekey} {...props} /
 |`onVerify`|`token, eKey`|When challenge is completed. The response `token` and an `eKey` (session id) are passed along.|
 |`onExpire`|-|When the current token expires.|
 |`onLoad`|-|When the hCaptcha API loads.|
+|`onReady`|-|When the hCaptcha is ready to be used.|
 |`onOpen`|-|When the user display of a challenge starts.|
 |`onClose`|-|When the user dismisses a challenge.|
 |`onChalExpired`|-|When the user display of a challenge times out with no answer.|

package/dist/esm/index.js

@@ -1,7 +1,5 @@
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
 import _inheritsLoose from "@babel/runtime/helpers/inheritsLoose";
-var _excluded = ["userJourneys"];
 import * as React from 'react';
 import { hCaptchaLoader } from '@hcaptcha/loader';
 import { getFrame, getMountElement } from './utils.js';
@@ -143,7 +141,7 @@ var HCaptcha = /*#__PURE__*/function (_React$Component) {
       scriptSource: scriptSource,
       secureApi: secureApi,
       cleanup: cleanup,
-      userJourneys: userJourneys
+      uj: userJourneys !== undefined ? userJourneys : false
     };
     hCaptchaLoader(mountParams).then(this.handleOnLoad, this.handleError)["catch"](this.handleError);
     this.apiScriptRequested = true;
@@ -158,13 +156,6 @@ var HCaptcha = /*#__PURE__*/function (_React$Component) {
     // • API is not ready
     // • Component has already been mounted
     if (!isApiReady || captchaId) return;
-
-    // It is needed to pass only the props that hCaptcha supports
-    // React are able to receive userJourneys as prop but hCaptcha not
-    // hcaptcha expects to have only "uj" parameter to enable user journeys
-    var _this$props2 = this.props,
-      userJourneys = _this$props2.userJourneys,
-      basicProps = _objectWithoutPropertiesLoose(_this$props2, _excluded);
     var renderParams = Object.assign({
       "open-callback": this.handleOpen,
       "close-callback": this.handleClose,
@@ -172,10 +163,9 @@ var HCaptcha = /*#__PURE__*/function (_React$Component) {
       "chalexpired-callback": this.handleChallengeExpired,
       "expired-callback": this.handleExpire,
       "callback": this.handleSubmit
-    }, basicProps, {
+    }, this.props, {
       hl: this.props.hl || this.props.languageOverride,
-      languageOverride: undefined,
-      uj: userJourneys !== undefined ? userJourneys : false
+      languageOverride: undefined
     });
     var hcaptcha = this._hcaptcha;
     //Render hCaptcha widget and provide necessary callbacks - hCaptcha

package/dist/index.js

@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
@@ -17,7 +16,6 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
 var React = _interopRequireWildcard(require("react"));
 var _loader = require("@hcaptcha/loader");
 var _utils = require("./utils.js");
-var _excluded = ["userJourneys"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof3(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
@@ -170,7 +168,7 @@ var HCaptcha = /*#__PURE__*/function (_React$Component) {
         scriptSource: scriptSource,
         secureApi: secureApi,
         cleanup: cleanup,
-        userJourneys: userJourneys
+        uj: userJourneys !== undefined ? userJourneys : false
       };
       (0, _loader.hCaptchaLoader)(mountParams).then(this.handleOnLoad, this.handleError)["catch"](this.handleError);
       this.apiScriptRequested = true;
@@ -187,13 +185,6 @@ var HCaptcha = /*#__PURE__*/function (_React$Component) {
       // • API is not ready
       // • Component has already been mounted
       if (!isApiReady || captchaId) return;
-
-      // It is needed to pass only the props that hCaptcha supports
-      // React are able to receive userJourneys as prop but hCaptcha not
-      // hcaptcha expects to have only "uj" parameter to enable user journeys
-      var _this$props2 = this.props,
-        userJourneys = _this$props2.userJourneys,
-        basicProps = (0, _objectWithoutProperties2["default"])(_this$props2, _excluded);
       var renderParams = Object.assign({
         "open-callback": this.handleOpen,
         "close-callback": this.handleClose,
@@ -201,10 +192,9 @@ var HCaptcha = /*#__PURE__*/function (_React$Component) {
         "chalexpired-callback": this.handleChallengeExpired,
         "expired-callback": this.handleExpire,
         "callback": this.handleSubmit
-      }, basicProps, {
+      }, this.props, {
         hl: this.props.hl || this.props.languageOverride,
-        languageOverride: undefined,
-        uj: userJourneys !== undefined ? userJourneys : false
+        languageOverride: undefined
       });
       var hcaptcha = this._hcaptcha;
       //Render hCaptcha widget and provide necessary callbacks - hCaptcha

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hcaptcha/react-hcaptcha",
-  "version": "1.13.0",
+  "version": "1.13.1",
   "types": "types/index.d.ts",
   "main": "dist/index.js",
   "module": "dist/esm/index.js",
@@ -60,6 +60,6 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.17.9",
-    "@hcaptcha/loader": "^2.0.1"
+    "@hcaptcha/loader": "^2.2.0"
   }
 }

package/src/index.js

@@ -132,6 +132,7 @@ class HCaptcha extends React.Component {
         cleanup = true,
         userJourneys,
       } = this.props;
+      
       const mountParams = {
         render: 'explicit',
         apihost,
@@ -149,9 +150,9 @@ class HCaptcha extends React.Component {
         scriptSource,
         secureApi,
         cleanup,
-        userJourneys
+        uj: userJourneys !== undefined ? userJourneys : false,
       };
-
+      
       hCaptchaLoader(mountParams)
           .then(this.handleOnLoad, this.handleError)
           .catch(this.handleError);
@@ -168,11 +169,6 @@ class HCaptcha extends React.Component {
       // • API is not ready
       // • Component has already been mounted
       if (!isApiReady || captchaId) return;
-
-      // It is needed to pass only the props that hCaptcha supports
-      // React are able to receive userJourneys as prop but hCaptcha not
-      // hcaptcha expects to have only "uj" parameter to enable user journeys
-      const { userJourneys, ...basicProps } = this.props;
       
       const renderParams = Object.assign({
         "open-callback"       : this.handleOpen,
@@ -181,10 +177,9 @@ class HCaptcha extends React.Component {
         "chalexpired-callback": this.handleChallengeExpired,
         "expired-callback"    : this.handleExpire,
         "callback"            : this.handleSubmit,
-      }, basicProps, {
+      }, this.props, {
         hl: this.props.hl || this.props.languageOverride,
-        languageOverride: undefined,
-        uj: userJourneys !== undefined ? userJourneys : false,
+        languageOverride: undefined
       });
 
       const hcaptcha = this._hcaptcha;