@hcaptcha/react-hcaptcha 1.11.2 → 1.12.0

package/dist/esm/index.js

@@ -1,9 +1,8 @@
 import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
 import _inheritsLoose from "@babel/runtime/helpers/inheritsLoose";
 import * as React from 'react';
-import { hCaptchaLoader, initSentry } from '@hcaptcha/loader';
+import { hCaptchaLoader } from '@hcaptcha/loader';
 import { getFrame, getMountElement } from './utils.js';
-import { breadcrumbMessages, scopeTag } from "./constants";
 var HCaptcha = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(HCaptcha, _React$Component);
   function HCaptcha(props) {
@@ -53,11 +52,6 @@ var HCaptcha = /*#__PURE__*/function (_React$Component) {
     var frame = getFrame(element);
     this._hcaptcha = frame.window.hcaptcha || undefined;
     var isApiReady = typeof this._hcaptcha !== 'undefined';
-    this.sentryHub = initSentry(this.props.sentry, scopeTag);
-    this.sentryHub.addBreadcrumb({
-      category: scopeTag.value,
-      message: breadcrumbMessages.mounted
-    });
 
     /*
      * Check if hCaptcha has already been loaded,
@@ -84,10 +78,6 @@ var HCaptcha = /*#__PURE__*/function (_React$Component) {
     // Reset any stored variables / timers when unmounting
     hcaptcha.reset(captchaId);
     hcaptcha.remove(captchaId);
-    this.sentryHub.addBreadcrumb({
-      category: scopeTag.value,
-      message: breadcrumbMessages.unmounted
-    });
   };
   _proto.shouldComponentUpdate = function shouldComponentUpdate(nextProps, nextState) {
     // Prevent component re-rendering when these internal state variables are updated
@@ -195,12 +185,9 @@ var HCaptcha = /*#__PURE__*/function (_React$Component) {
     }
     // Reset captcha state, removes stored token and unticks checkbox
     hcaptcha.reset(captchaId);
-    this.sentryHub.addBreadcrumb({
-      category: scopeTag.value,
-      message: breadcrumbMessages.reset
-    });
   };
   _proto.removeCaptcha = function removeCaptcha(callback) {
+    var _this5 = this;
     var hcaptcha = this._hcaptcha;
     var captchaId = this.captchaId;
     if (!this.isReady()) {
@@ -209,34 +196,27 @@ var HCaptcha = /*#__PURE__*/function (_React$Component) {
     this.setState({
       isRemoved: true
     }, function () {
+      _this5.captchaId = '';
       hcaptcha.remove(captchaId);
       callback && callback();
     });
-    this.sentryHub.addBreadcrumb({
-      category: scopeTag.value,
-      message: breadcrumbMessages.removed
-    });
   };
   _proto.handleOnLoad = function handleOnLoad() {
-    var _this5 = this;
+    var _this6 = this;
     this.setState({
       isApiReady: true
     }, function () {
-      try {
-        var element = getMountElement(_this5.props.scriptLocation);
-        var frame = getFrame(element);
-        _this5._hcaptcha = frame.window.hcaptcha;
+      var element = getMountElement(_this6.props.scriptLocation);
+      var frame = getFrame(element);
+      _this6._hcaptcha = frame.window.hcaptcha;
 
-        // render captcha and wait for captcha id
-        _this5.renderCaptcha(function () {
-          // trigger onLoad if it exists
+      // render captcha and wait for captcha id
+      _this6.renderCaptcha(function () {
+        // trigger onLoad if it exists
 
-          var onLoad = _this5.props.onLoad;
-          if (onLoad) onLoad();
-        });
-      } catch (error) {
-        _this5.sentryHub.captureException(error);
-      }
+        var onLoad = _this6.props.onLoad;
+        if (onLoad) onLoad();
+      });
     });
   };
   _proto.handleSubmit = function handleSubmit(event) {
@@ -259,10 +239,6 @@ var HCaptcha = /*#__PURE__*/function (_React$Component) {
     hcaptcha.reset(captchaId); // If hCaptcha runs into error, reset captcha - hCaptcha
 
     if (onExpire) onExpire();
-    this.sentryHub.addBreadcrumb({
-      category: scopeTag.value,
-      message: breadcrumbMessages.expired
-    });
   };
   _proto.handleError = function handleError(event) {
     var onError = this.props.onError;
@@ -299,7 +275,7 @@ var HCaptcha = /*#__PURE__*/function (_React$Component) {
     this.props.onChalExpired();
   };
   _proto.execute = function execute(opts) {
-    var _this6 = this;
+    var _this7 = this;
     if (opts === void 0) {
       opts = null;
     }
@@ -310,9 +286,9 @@ var HCaptcha = /*#__PURE__*/function (_React$Component) {
       if (!this.isReady()) {
         var _opts;
         var onReady = new Promise(function (resolve, reject) {
-          _this6._onReady = function (id) {
+          _this7._onReady = function (id) {
             try {
-              var _hcaptcha = _this6._hcaptcha;
+              var _hcaptcha = _this7._hcaptcha;
               if (opts && opts.async) {
                 _hcaptcha.execute(id, opts).then(resolve)["catch"](reject);
               } else {
@@ -327,7 +303,6 @@ var HCaptcha = /*#__PURE__*/function (_React$Component) {
       }
       return hcaptcha.execute(captchaId, opts);
     } catch (error) {
-      this.sentryHub.captureException(error);
       if (opts && opts.async) {
         return Promise.reject(error);
       }

package/dist/index.js

@@ -16,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 _constants = require("./constants");
 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)); }
@@ -72,11 +71,6 @@ var HCaptcha = /*#__PURE__*/function (_React$Component) {
       var frame = (0, _utils.getFrame)(element);
       this._hcaptcha = frame.window.hcaptcha || undefined;
       var isApiReady = typeof this._hcaptcha !== 'undefined';
-      this.sentryHub = (0, _loader.initSentry)(this.props.sentry, _constants.scopeTag);
-      this.sentryHub.addBreadcrumb({
-        category: _constants.scopeTag.value,
-        message: _constants.breadcrumbMessages.mounted
-      });
 
       /*
        * Check if hCaptcha has already been loaded,
@@ -105,10 +99,6 @@ var HCaptcha = /*#__PURE__*/function (_React$Component) {
       // Reset any stored variables / timers when unmounting
       hcaptcha.reset(captchaId);
       hcaptcha.remove(captchaId);
-      this.sentryHub.addBreadcrumb({
-        category: _constants.scopeTag.value,
-        message: _constants.breadcrumbMessages.unmounted
-      });
     }
   }, {
     key: "shouldComponentUpdate",
@@ -226,14 +216,11 @@ var HCaptcha = /*#__PURE__*/function (_React$Component) {
       }
       // Reset captcha state, removes stored token and unticks checkbox
       hcaptcha.reset(captchaId);
-      this.sentryHub.addBreadcrumb({
-        category: _constants.scopeTag.value,
-        message: _constants.breadcrumbMessages.reset
-      });
     }
   }, {
     key: "removeCaptcha",
     value: function removeCaptcha(callback) {
+      var _this5 = this;
       var hcaptcha = this._hcaptcha;
       var captchaId = this.captchaId;
       if (!this.isReady()) {
@@ -242,36 +229,29 @@ var HCaptcha = /*#__PURE__*/function (_React$Component) {
       this.setState({
         isRemoved: true
       }, function () {
+        _this5.captchaId = '';
         hcaptcha.remove(captchaId);
         callback && callback();
       });
-      this.sentryHub.addBreadcrumb({
-        category: _constants.scopeTag.value,
-        message: _constants.breadcrumbMessages.removed
-      });
     }
   }, {
     key: "handleOnLoad",
     value: function handleOnLoad() {
-      var _this5 = this;
+      var _this6 = this;
       this.setState({
         isApiReady: true
       }, function () {
-        try {
-          var element = (0, _utils.getMountElement)(_this5.props.scriptLocation);
-          var frame = (0, _utils.getFrame)(element);
-          _this5._hcaptcha = frame.window.hcaptcha;
+        var element = (0, _utils.getMountElement)(_this6.props.scriptLocation);
+        var frame = (0, _utils.getFrame)(element);
+        _this6._hcaptcha = frame.window.hcaptcha;
 
-          // render captcha and wait for captcha id
-          _this5.renderCaptcha(function () {
-            // trigger onLoad if it exists
+        // render captcha and wait for captcha id
+        _this6.renderCaptcha(function () {
+          // trigger onLoad if it exists
 
-            var onLoad = _this5.props.onLoad;
-            if (onLoad) onLoad();
-          });
-        } catch (error) {
-          _this5.sentryHub.captureException(error);
-        }
+          var onLoad = _this6.props.onLoad;
+          if (onLoad) onLoad();
+        });
       });
     }
   }, {
@@ -298,10 +278,6 @@ var HCaptcha = /*#__PURE__*/function (_React$Component) {
       hcaptcha.reset(captchaId); // If hCaptcha runs into error, reset captcha - hCaptcha
 
       if (onExpire) onExpire();
-      this.sentryHub.addBreadcrumb({
-        category: _constants.scopeTag.value,
-        message: _constants.breadcrumbMessages.expired
-      });
     }
   }, {
     key: "handleError",
@@ -350,7 +326,7 @@ var HCaptcha = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "execute",
     value: function execute() {
-      var _this6 = this;
+      var _this7 = this;
       var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
       opts = (0, _typeof2["default"])(opts) === 'object' ? opts : null;
       try {
@@ -359,9 +335,9 @@ var HCaptcha = /*#__PURE__*/function (_React$Component) {
         if (!this.isReady()) {
           var _opts;
           var onReady = new Promise(function (resolve, reject) {
-            _this6._onReady = function (id) {
+            _this7._onReady = function (id) {
               try {
-                var _hcaptcha = _this6._hcaptcha;
+                var _hcaptcha = _this7._hcaptcha;
                 if (opts && opts.async) {
                   _hcaptcha.execute(id, opts).then(resolve)["catch"](reject);
                 } else {
@@ -376,7 +352,6 @@ var HCaptcha = /*#__PURE__*/function (_React$Component) {
         }
         return hcaptcha.execute(captchaId, opts);
       } catch (error) {
-        this.sentryHub.captureException(error);
         if (opts && opts.async) {
           return Promise.reject(error);
         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hcaptcha/react-hcaptcha",
-  "version": "1.11.2",
+  "version": "1.12.0",
   "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": "^1.2.1"
+    "@hcaptcha/loader": "^2.0.0"
   }
 }

package/src/index.js

@@ -1,8 +1,7 @@
 import * as React from 'react';
-import { hCaptchaLoader, initSentry } from '@hcaptcha/loader';
+import { hCaptchaLoader } from '@hcaptcha/loader';
 
 import { getFrame, getMountElement } from './utils.js';
-import { breadcrumbMessages, scopeTag } from "./constants";
 
 
 class HCaptcha extends React.Component {
@@ -53,13 +52,6 @@ class HCaptcha extends React.Component {
 
       const isApiReady = typeof this._hcaptcha !== 'undefined';
 
-      this.sentryHub = initSentry(this.props.sentry, scopeTag);
-
-      this.sentryHub.addBreadcrumb({
-        category: scopeTag.value,
-        message: breadcrumbMessages.mounted,
-      });
-
       /*
        * Check if hCaptcha has already been loaded,
        * If Yes, render the captcha
@@ -92,11 +84,6 @@ class HCaptcha extends React.Component {
       // Reset any stored variables / timers when unmounting
       hcaptcha.reset(captchaId);
       hcaptcha.remove(captchaId);
-
-      this.sentryHub.addBreadcrumb({
-        category: scopeTag.value,
-        message: breadcrumbMessages.unmounted,
-      });
     }
 
     shouldComponentUpdate(nextProps, nextState) {
@@ -213,11 +200,6 @@ class HCaptcha extends React.Component {
       }
       // Reset captcha state, removes stored token and unticks checkbox
       hcaptcha.reset(captchaId)
-
-      this.sentryHub.addBreadcrumb({
-        category: scopeTag.value,
-        message: breadcrumbMessages.reset,
-      });
     }
 
     removeCaptcha(callback) {
@@ -229,20 +211,15 @@ class HCaptcha extends React.Component {
       }
 
       this.setState({ isRemoved: true }, () => {
+        this.captchaId = '';
+
         hcaptcha.remove(captchaId);
         callback && callback()
       });
-
-
-      this.sentryHub.addBreadcrumb({
-        category: scopeTag.value,
-        message: breadcrumbMessages.removed,
-      });
     }
 
     handleOnLoad () {
       this.setState({ isApiReady: true }, () => {
-        try {
           const element = getMountElement(this.props.scriptLocation);
           const frame = getFrame(element);
 
@@ -256,9 +233,6 @@ class HCaptcha extends React.Component {
             const { onLoad } = this.props;
             if (onLoad) onLoad();
           });
-        } catch (error) {
-          this.sentryHub.captureException(error);
-        }
       });
     }
 
@@ -287,11 +261,6 @@ class HCaptcha extends React.Component {
       hcaptcha.reset(captchaId) // If hCaptcha runs into error, reset captcha - hCaptcha
 
       if (onExpire) onExpire();
-
-      this.sentryHub.addBreadcrumb({
-        category: scopeTag.value,
-        message: breadcrumbMessages.expired,
-      });
     }
 
     handleError (event) {
@@ -344,14 +313,14 @@ class HCaptcha extends React.Component {
       try {
         const hcaptcha = this._hcaptcha;
         const captchaId = this.captchaId;
-        
+
         if (!this.isReady()) {
           const onReady = new Promise((resolve, reject) => {
-            
+
             this._onReady = (id) => {
               try {
                 const hcaptcha = this._hcaptcha;
-                
+
                 if (opts && opts.async) {
                   hcaptcha.execute(id, opts).then(resolve).catch(reject);
                 } else {
@@ -362,13 +331,12 @@ class HCaptcha extends React.Component {
               }
             };
           });
-    
+
           return opts?.async ? onReady : null;
         }
-        
+
         return hcaptcha.execute(captchaId, opts);
       } catch (error) {
-        this.sentryHub.captureException(error);
         if (opts && opts.async) {
           return Promise.reject(error);
         }

package/dist/constants.js

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

package/dist/esm/constants.js

@@ -1,11 +0,0 @@
-export var scopeTag = {
-  key: 'source',
-  value: '@hCaptcha/react'
-};
-export var breadcrumbMessages = {
-  mounted: 'hCaptcha component mounted',
-  expired: 'hCaptcha expired',
-  unmounted: 'hCaptcha component unmounted',
-  reset: 'hCaptcha reset',
-  removed: 'hCaptcha removed'
-};

package/src/constants.js

@@ -1,13 +0,0 @@
-export const scopeTag = {
-    key: 'source',
-    value: '@hCaptcha/react'
-}
-
-export const breadcrumbMessages = {
-    mounted: 'hCaptcha component mounted',
-    expired: 'hCaptcha expired',
-    unmounted: 'hCaptcha component unmounted',
-    reset: 'hCaptcha reset',
-    removed: 'hCaptcha removed'
-
-}