@hcaptcha/react-hcaptcha 1.9.3 → 1.10.0

package/README.md

@@ -126,7 +126,7 @@ return <HCaptcha ref={captchaRef} onLoad={onLoad} sitekey={sitekey} {...props} /
 |---|---|---|---|---|
 |`sitekey`|String|**Yes**|`-`|This is your sitekey, this allows you to load captcha. If you need a sitekey, please visit [hCaptcha](https://www.hcaptcha.com), and sign up to get your sitekey.|
 |`size`|String (normal, compact, invisible)|No|`normal`|This specifies the "size" of the component. hCaptcha allows you to decide how big the component will appear on render, this always defaults to normal.|
-|`theme`|String (light, dark)|No|`light`|hCaptcha supports both a light and dark theme. If no theme is inherently set, the captcha will always default to light.|
+|`theme`|String (light, dark, contrast) or Object|No|`light`|hCaptcha supports both a light and dark theme. Defaults to light. Takes Object if custom theme is used.|
 |`tabindex`|Integer|No|`0`|Set the tabindex of the widget and popup. When appropriate, this can make navigation of your site more intuitive.|
 |`languageOverride`|String (ISO 639-2 code)|No|`auto`|hCaptcha auto-detects language via the user's browser. This overrides that to set a default UI language. See [language codes](https://hcaptcha.com/docs/languages).|
 |`reCaptchaCompat`|Boolean|No|`true`|Disable drop-in replacement for reCAPTCHA with `false` to prevent hCaptcha from injecting into `window.grecaptcha`.|
@@ -138,8 +138,10 @@ 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|`-`|See enterprise docs.|
+|`custom`|Boolean|No|`-`|Custom theme: see enterprise docs.|
 |`loadAsync`|Boolean|No|`true`|Set if the script should be loaded asynchronously.|
 |`scriptLocation`|Element|No|`document.head`| Location of where to append the script tag. Make sure to add it to an area that will persist to prevent loading multiple times in the same document view. Note: If `null` is provided, the `document.head` will be used.|
 
@@ -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.3",
+  "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

@@ -24,7 +24,7 @@ interface HCaptchaProps {
   languageOverride?: string;
   sitekey: string;
   size?: "normal" | "compact" | "invisible";
-  theme?: "light" | "dark";
+  theme?: "light" | "dark" | "contrast" | Object;
   tabIndex?: number;
   id?: string;
   reCaptchaCompat?: boolean;
@@ -32,6 +32,9 @@ interface HCaptchaProps {
   scriptLocation?: HTMLElement | null;
   sentry?: boolean;
   cleanup?: boolean;
+  custom?: boolean;
+  secureApi?: boolean;
+  scriptSource?: string;
 }
 
 interface ExecuteResponse {