@hcaptcha/react-hcaptcha 1.2.0 → 1.4.0

package/dist/index.js

@@ -1,7 +1,14 @@
 "use strict";
 
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
@@ -16,16 +23,15 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 
-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; } }
+var React = _interopRequireWildcard(require("react"));
 
-var React = require('react');
+var _utils = require("./utils.js");
 
-var _require = require("./utils.js"),
-    generateQuery = _require.generateQuery; // Create script to init hCaptcha
+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; } }
 
+// Create script to init hCaptcha
 var onLoadListeners = [];
 var apiScriptRequested = false; // Generate hCaptcha API Script
 
@@ -46,7 +52,7 @@ var mountCaptchaScript = function mountCaptchaScript() {
   var script = document.createElement("script");
   script.src = "".concat(domain, "/1/api.js?render=explicit&onload=hcaptchaOnLoad");
   script.async = true;
-  var query = generateQuery(params);
+  var query = (0, _utils.generateQuery)(params);
   script.src += query !== "" ? "&".concat(query) : "";
   document.head.appendChild(script);
 };
@@ -75,7 +81,7 @@ var HCaptcha = /*#__PURE__*/function (_React$Component) {
     _this.handleClose = _this.handleClose.bind((0, _assertThisInitialized2["default"])(_this));
     _this.handleChallengeExpired = _this.handleChallengeExpired.bind((0, _assertThisInitialized2["default"])(_this));
     var isApiReady = typeof hcaptcha !== 'undefined';
-    _this.ref = React.createRef();
+    _this.ref = /*#__PURE__*/React.createRef();
     _this.state = {
       isApiReady: isApiReady,
       isRemoved: false,
@@ -104,22 +110,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 {
@@ -367,4 +374,6 @@ var HCaptcha = /*#__PURE__*/function (_React$Component) {
   return HCaptcha;
 }(React.Component);
 
-module.exports = HCaptcha;
+var _default = HCaptcha;
+exports["default"] = _default;
+module.exports = exports.default;

package/dist/utils.js

@@ -2,6 +2,11 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.generateQuery = generateQuery;
+
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
 function generateQuery(params) {
@@ -20,7 +25,4 @@ function generateQuery(params) {
   }).join("&");
 }
 
-;
-module.exports = {
-  generateQuery: generateQuery
-};
+;

package/package.json

@@ -1,12 +1,13 @@
 {
   "name": "@hcaptcha/react-hcaptcha",
-  "version": "1.2.0",
+  "version": "1.4.0",
   "types": "types/index.d.ts",
   "main": "dist/index.js",
+  "module": "dist/esm/index.js",
   "files": [
     "src",
     "dist",
-    "types/index.d.ts"
+    "types"
   ],
   "description": "A React library for hCaptcha",
   "scripts": {
@@ -14,7 +15,9 @@
     "test": "jest",
     "watch": "babel src -d dist --copy-files --watch",
     "transpile": "babel src -d dist --copy-files",
-    "build": "npm run transpile",
+    "prebuild": "rimraf dist",
+    "build": "npm run transpile && npm run build:esm",
+    "build:esm": "cross-env BABEL_ENV=esm babel src -d dist/esm --copy-files",
     "prepublishOnly": "npm run transpile"
   },
   "peerDependencies": {
@@ -36,12 +39,19 @@
     "@babel/preset-env": "^7.12.11",
     "@babel/preset-react": "^7.12.10",
     "babel-loader": "^8.2.2",
+    "babel-plugin-add-module-exports": "^1.0.4",
+    "cross-env": "^7.0.3",
     "html-webpack-plugin": "^3.2.0",
     "jest": "^26.6.3",
     "react": "^16.14.0",
     "react-dom": "^16.14.0",
+    "rimraf": "^3.0.2",
     "webpack": "^4.44.2",
     "webpack-cli": "^3.3.12",
     "webpack-dev-server": "^3.11.0"
+  },
+  "dependencies": {
+    "@babel/runtime": "^7.17.9",
+    "@types/react": "^18.0.0"
   }
 }

package/src/index.js

@@ -1,5 +1,5 @@
-const React = require('react');
-const { generateQuery } = require("./utils.js");
+import * as React from 'react';
+import { generateQuery } from "./utils.js";
 
  // Create script to init hCaptcha
 let onLoadListeners = [];
@@ -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 {
@@ -293,4 +294,4 @@ class HCaptcha extends React.Component {
     }
   }
 
-module.exports = HCaptcha;
+export default HCaptcha;

package/src/utils.js

@@ -6,6 +6,4 @@ function generateQuery(params) {
         }).join("&");
 };
 
-module.exports = {
-    generateQuery
-};
+export { generateQuery };