@hcaptcha/react-hcaptcha 1.9.4 → 1.10.0

package/README.md

@@ -138,6 +138,8 @@ return <HCaptcha ref={captchaRef} onLoad={onLoad} sitekey={sitekey} {...props} /
 |`imghost`|String|No|`-`|See enterprise docs.|
 |`reportapi`|String|No|`-`|See enterprise docs.|
 |`sentry`|String|No|`-`|See enterprise docs.|
+|`secureApi`|Boolean|No|`-`|See enterprise docs.|
+|`scriptSource`|String|No|`-`|See enterprise docs.|
 | `cleanup`         | Boolean     | No       | `true`          | Remove script tag after setup.|
 |`custom`|Boolean|No|`-`|Custom theme: see enterprise docs.|
 |`loadAsync`|Boolean|No|`true`|Set if the script should be loaded asynchronously.|
@@ -190,6 +192,10 @@ Please note that "invisible" simply means that no hCaptcha button will be render
 3. #### Make sure you are using `reCaptchaCompat=false` if you have the reCAPTCHA JS loaded on the same page.
     The hCaptcha "compatibility mode" will interfere with reCAPTCHA, as it adds properties with the same name. If for any reason you are running both hCaptcha and reCAPTCHA in parallel (we recommend only running hCaptcha) then please disable our compatibility mode.
 
+4. #### Avoid conflicts with legacy Sentry package usage on react-hcaptcha 1.9.0+
+    If you are using Sentry 7.x in your React app, this can conflict with the upstream `hcaptcha-loader` package's Sentry error tracing. You can avoid this issue by setting the `sentry` prop to `false`.
+
+
 
 ---
 ### Contributing

package/dist/constants.js

@@ -3,17 +3,15 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.breadcrumbMessages = exports.scopeTag = void 0;
-var scopeTag = {
+exports.scopeTag = exports.breadcrumbMessages = void 0;
+var scopeTag = exports.scopeTag = {
   key: 'source',
   value: '@hCaptcha/react'
 };
-exports.scopeTag = scopeTag;
-var breadcrumbMessages = {
+var breadcrumbMessages = exports.breadcrumbMessages = {
   mounted: 'hCaptcha component mounted',
   expired: 'hCaptcha expired',
   unmounted: 'hCaptcha component unmounted',
   reset: 'hCaptcha reset',
   removed: 'hCaptcha removed'
-};
-exports.breadcrumbMessages = breadcrumbMessages;
+};

package/dist/esm/index.js

@@ -128,6 +128,8 @@ var HCaptcha = /*#__PURE__*/function (_React$Component) {
       custom = _this$props.custom,
       loadAsync = _this$props.loadAsync,
       scriptLocation = _this$props.scriptLocation,
+      scriptSource = _this$props.scriptSource,
+      secureApi = _this$props.secureApi,
       _this$props$cleanup = _this$props.cleanup,
       cleanup = _this$props$cleanup === void 0 ? true : _this$props$cleanup;
     var mountParams = {
@@ -144,6 +146,8 @@ var HCaptcha = /*#__PURE__*/function (_React$Component) {
       custom: custom,
       loadAsync: loadAsync,
       scriptLocation: scriptLocation,
+      scriptSource: scriptSource,
+      secureApi: secureApi,
       cleanup: cleanup
     };
     hCaptchaLoader(mountParams).then(this.handleOnLoad, this.handleError)["catch"](this.handleError);
@@ -216,6 +220,7 @@ var HCaptcha = /*#__PURE__*/function (_React$Component) {
         // render captcha and wait for captcha id
         _this4.renderCaptcha(function () {
           // trigger onLoad if it exists
+
           var onLoad = _this4.props.onLoad;
           if (onLoad) onLoad();
         });

package/dist/index.js

@@ -1,7 +1,7 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof3 = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,23 +9,24 @@ exports["default"] = void 0;
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var React = _interopRequireWildcard(require("react"));
 var _loader = require("@hcaptcha/loader");
 var _utils = require("./utils.js");
 var _constants = require("./constants");
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+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)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 var HCaptcha = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2["default"])(HCaptcha, _React$Component);
-  var _super = _createSuper(HCaptcha);
   function HCaptcha(props) {
     var _this;
     (0, _classCallCheck2["default"])(this, HCaptcha);
-    _this = _super.call(this, props);
+    _this = _callSuper(this, HCaptcha, [props]);
 
     /**
      * Internal reference to track hCaptcha API
@@ -154,6 +155,8 @@ var HCaptcha = /*#__PURE__*/function (_React$Component) {
         custom = _this$props.custom,
         loadAsync = _this$props.loadAsync,
         scriptLocation = _this$props.scriptLocation,
+        scriptSource = _this$props.scriptSource,
+        secureApi = _this$props.secureApi,
         _this$props$cleanup = _this$props.cleanup,
         cleanup = _this$props$cleanup === void 0 ? true : _this$props$cleanup;
       var mountParams = {
@@ -170,6 +173,8 @@ var HCaptcha = /*#__PURE__*/function (_React$Component) {
         custom: custom,
         loadAsync: loadAsync,
         scriptLocation: scriptLocation,
+        scriptSource: scriptSource,
+        secureApi: secureApi,
         cleanup: cleanup
       };
       (0, _loader.hCaptchaLoader)(mountParams).then(this.handleOnLoad, this.handleError)["catch"](this.handleError);
@@ -250,6 +255,7 @@ var HCaptcha = /*#__PURE__*/function (_React$Component) {
           // render captcha and wait for captcha id
           _this4.renderCaptcha(function () {
             // trigger onLoad if it exists
+
             var onLoad = _this4.props.onLoad;
             if (onLoad) onLoad();
           });
@@ -387,6 +393,5 @@ var HCaptcha = /*#__PURE__*/function (_React$Component) {
   }]);
   return HCaptcha;
 }(React.Component);
-var _default = HCaptcha;
-exports["default"] = _default;
+var _default = exports["default"] = HCaptcha;
 module.exports = exports.default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hcaptcha/react-hcaptcha",
-  "version": "1.9.4",
+  "version": "1.10.0",
   "types": "types/index.d.ts",
   "main": "dist/index.js",
   "module": "dist/esm/index.js",
@@ -53,12 +53,13 @@
     "react": "^16.14.0",
     "react-dom": "^16.14.0",
     "rimraf": "^3.0.2",
+    "wait-for-expect": "^3.0.2",
     "webpack": "^5.76.3",
     "webpack-cli": "^5.0.1",
     "webpack-dev-server": "^4.13.1"
   },
   "dependencies": {
     "@babel/runtime": "^7.17.9",
-    "@hcaptcha/loader": "^1.0.10"
+    "@hcaptcha/loader": "^1.2.0"
   }
 }

package/src/index.js

@@ -139,6 +139,8 @@ class HCaptcha extends React.Component {
         custom,
         loadAsync,
         scriptLocation,
+        scriptSource,
+        secureApi,
         cleanup = true,
       } = this.props;
       const mountParams = {
@@ -155,6 +157,8 @@ class HCaptcha extends React.Component {
         custom,
         loadAsync,
         scriptLocation,
+        scriptSource,
+        secureApi,
         cleanup
       };
 

package/types/index.d.ts

@@ -32,6 +32,9 @@ interface HCaptchaProps {
   scriptLocation?: HTMLElement | null;
   sentry?: boolean;
   cleanup?: boolean;
+  custom?: boolean;
+  secureApi?: boolean;
+  scriptSource?: string;
 }
 
 interface ExecuteResponse {