@hcaptcha/react-hcaptcha 0.3.5 → 0.3.9

package/README.md

@@ -33,13 +33,6 @@ import HCaptcha from '@hcaptcha/react-hcaptcha';
 </FormComponent>
 ```
 
-#### Usage with TypeScript
-Add the types from DefinitelyTyped
-
-```
-npm i -D @types/hcaptcha__react-hcaptcha
-```
-
 **A note about TypeScript usage:** If you want to reassign the component name, you could consider making a util that imports the component, then re-exports it as a default. Example:
 
 ```ts
@@ -78,6 +71,7 @@ In these instances, you'll most likely want to use `ref` to handle the callbacks
 |`imghost`|String|No|`-`|See enterprise docs.|
 |`reportapi`|String|No|`-`|See enterprise docs.|
 |`sentry`|String|No|`-`|See enterprise docs.|
+|`custom`|Boolean|No|`-`|See enterprise docs.|
 
 ### Events
 
@@ -86,12 +80,13 @@ In these instances, you'll most likely want to use `ref` to handle the callbacks
 |`onError`|`err`|When an error occurs. Component will reset immediately after an error.|
 |`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.|
 
 ### Methods
 
 |Method|Description|
 |---|---|
-|`execute()`|Programmatically trigger a challenge request|
+|`execute()`|Programmatically trigger a challenge request. Additionally, this method can be run asynchronously and returns a promise with the `token` and `eKey` when the challenge is completed.|
 |`resetCaptcha()`|Reset the current challenge|
 
 

package/dist/index.js

@@ -1,33 +1,31 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
 
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+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 _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
 var React = require('react');
 
 var _require = require("./utils.js"),
@@ -60,25 +58,24 @@ var mountCaptchaScript = function mountCaptchaScript() {
 };
 
 var HCaptcha = /*#__PURE__*/function (_React$Component) {
-  _inherits(HCaptcha, _React$Component);
+  (0, _inherits2["default"])(HCaptcha, _React$Component);
 
   var _super = _createSuper(HCaptcha);
 
   function HCaptcha(props) {
     var _this;
 
-    _classCallCheck(this, HCaptcha);
-
+    (0, _classCallCheck2["default"])(this, HCaptcha);
     _this = _super.call(this, props); // API Methods
 
-    _this.renderCaptcha = _this.renderCaptcha.bind(_assertThisInitialized(_this));
-    _this.resetCaptcha = _this.resetCaptcha.bind(_assertThisInitialized(_this));
-    _this.removeCaptcha = _this.removeCaptcha.bind(_assertThisInitialized(_this)); // Event Handlers
+    _this.renderCaptcha = _this.renderCaptcha.bind((0, _assertThisInitialized2["default"])(_this));
+    _this.resetCaptcha = _this.resetCaptcha.bind((0, _assertThisInitialized2["default"])(_this));
+    _this.removeCaptcha = _this.removeCaptcha.bind((0, _assertThisInitialized2["default"])(_this)); // Event Handlers
 
-    _this.handleOnLoad = _this.handleOnLoad.bind(_assertThisInitialized(_this));
-    _this.handleSubmit = _this.handleSubmit.bind(_assertThisInitialized(_this));
-    _this.handleExpire = _this.handleExpire.bind(_assertThisInitialized(_this));
-    _this.handleError = _this.handleError.bind(_assertThisInitialized(_this));
+    _this.handleOnLoad = _this.handleOnLoad.bind((0, _assertThisInitialized2["default"])(_this));
+    _this.handleSubmit = _this.handleSubmit.bind((0, _assertThisInitialized2["default"])(_this));
+    _this.handleExpire = _this.handleExpire.bind((0, _assertThisInitialized2["default"])(_this));
+    _this.handleError = _this.handleError.bind((0, _assertThisInitialized2["default"])(_this));
     var isApiReady = typeof hcaptcha !== 'undefined';
     _this.ref = React.createRef();
     _this.state = {
@@ -90,7 +87,7 @@ var HCaptcha = /*#__PURE__*/function (_React$Component) {
     return _this;
   }
 
-  _createClass(HCaptcha, [{
+  (0, _createClass2["default"])(HCaptcha, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       //Once captcha is mounted intialize hCaptcha - hCaptcha
@@ -103,7 +100,8 @@ var HCaptcha = /*#__PURE__*/function (_React$Component) {
           hl = _this$props.languageOverride,
           reCaptchaCompat = _this$props.reCaptchaCompat,
           reportapi = _this$props.reportapi,
-          sentry = _this$props.sentry;
+          sentry = _this$props.sentry,
+          custom = _this$props.custom;
       var isApiReady = this.state.isApiReady;
 
       if (!isApiReady) {
@@ -119,7 +117,8 @@ var HCaptcha = /*#__PURE__*/function (_React$Component) {
             imghost: imghost,
             recaptchacompat: reCaptchaCompat === false ? "off" : null,
             reportapi: reportapi,
-            sentry: sentry
+            sentry: sentry,
+            custom: custom
           });
         } // Add onload callback to global onload listeners
 
@@ -171,7 +170,7 @@ var HCaptcha = /*#__PURE__*/function (_React$Component) {
     }
   }, {
     key: "renderCaptcha",
-    value: function renderCaptcha() {
+    value: function renderCaptcha(onReady) {
       var isApiReady = this.state.isApiReady;
       if (!isApiReady) return; //Render hCaptcha widget and provide necessary callbacks - hCaptcha
 
@@ -183,6 +182,8 @@ var HCaptcha = /*#__PURE__*/function (_React$Component) {
       this.setState({
         isRemoved: false,
         captchaId: captchaId
+      }, function () {
+        onReady && onReady();
       });
     }
   }, {
@@ -219,7 +220,12 @@ var HCaptcha = /*#__PURE__*/function (_React$Component) {
       this.setState({
         isApiReady: true
       }, function () {
-        _this3.renderCaptcha();
+        // render captcha and wait for captcha id
+        _this3.renderCaptcha(function () {
+          // trigger onLoad if it exists
+          var onLoad = _this3.props.onLoad;
+          if (onLoad) onLoad();
+        });
       });
     }
   }, {
@@ -265,12 +271,18 @@ var HCaptcha = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "execute",
     value: function execute() {
+      var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
       var _this$state7 = this.state,
           isApiReady = _this$state7.isApiReady,
           isRemoved = _this$state7.isRemoved,
           captchaId = _this$state7.captchaId;
       if (!isApiReady || isRemoved) return;
-      hcaptcha.execute(captchaId);
+
+      if (opts && (0, _typeof2["default"])(opts) !== "object") {
+        opts = null;
+      }
+
+      return hcaptcha.execute(captchaId, opts);
     }
   }, {
     key: "render",
@@ -282,7 +294,6 @@ var HCaptcha = /*#__PURE__*/function (_React$Component) {
       });
     }
   }]);
-
   return HCaptcha;
 }(React.Component);
 

package/dist/utils.js

@@ -1,26 +1,18 @@
 "use strict";
 
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
 function generateQuery(params) {
   return Object.entries(params).filter(function (_ref) {
-    var _ref2 = _slicedToArray(_ref, 2),
+    var _ref2 = (0, _slicedToArray2["default"])(_ref, 2),
         key = _ref2[0],
         value = _ref2[1];
 
     return value || value === false;
   }).map(function (_ref3) {
-    var _ref4 = _slicedToArray(_ref3, 2),
+    var _ref4 = (0, _slicedToArray2["default"])(_ref3, 2),
         key = _ref4[0],
         value = _ref4[1];
 

package/package.json

@@ -1,11 +1,18 @@
 {
   "name": "@hcaptcha/react-hcaptcha",
-  "version": "0.3.5",
-  "description": "A React library for hCaptcha",
+  "version": "0.3.9",
+  "types": "types/index.d.ts",
   "main": "dist/index.js",
+  "files": [
+    "src",
+    "dist",
+    "types/index.d.ts"
+  ],
+  "description": "A React library for hCaptcha",
   "scripts": {
     "start": "webpack-dev-server --config ./webpack.config.js --mode development",
     "test": "jest",
+    "watch": "babel src -d dist --copy-files --watch",
     "transpile": "babel src -d dist --copy-files",
     "build": "npm run transpile",
     "prepublishOnly": "npm run transpile"
@@ -25,6 +32,7 @@
   "devDependencies": {
     "@babel/cli": "^7.12.10",
     "@babel/core": "^7.12.10",
+    "@babel/plugin-transform-runtime": "^7.14.5",
     "@babel/preset-env": "^7.12.11",
     "@babel/preset-react": "^7.12.10",
     "babel-loader": "^8.2.2",

package/src/index.js

@@ -59,7 +59,7 @@ class HCaptcha extends React.Component {
     }
 
     componentDidMount () { //Once captcha is mounted intialize hCaptcha - hCaptcha
-      const { apihost, assethost, endpoint, host, imghost, languageOverride:hl, reCaptchaCompat, reportapi, sentry } = this.props;
+      const { apihost, assethost, endpoint, host, imghost, languageOverride:hl, reCaptchaCompat, reportapi, sentry, custom } = this.props;
       const { isApiReady } = this.state;
 
       if (!isApiReady) {  //Check if hCaptcha has already been loaded, if not create script tag and wait to render captcha
@@ -75,7 +75,8 @@ class HCaptcha extends React.Component {
               imghost,
               recaptchacompat: reCaptchaCompat === false? "off" : null,
               reportapi,
-              sentry
+              sentry,
+              custom
             });
         }
 
@@ -118,7 +119,7 @@ class HCaptcha extends React.Component {
       }
     }
 
-    renderCaptcha() {
+    renderCaptcha(onReady) {
       const { isApiReady } = this.state;
       if (!isApiReady) return;
 
@@ -126,12 +127,14 @@ class HCaptcha extends React.Component {
       const captchaId = hcaptcha.render(this.ref.current,
         {
           ...this.props,
-          "error-callback"  : this.handleError,
-          "expired-callback": this.handleExpire,
-          "callback"        : this.handleSubmit
+          "error-callback"      : this.handleError,
+          "expired-callback"    : this.handleExpire,
+          "callback"            : this.handleSubmit,
         });
 
-      this.setState({ isRemoved: false, captchaId });
+      this.setState({ isRemoved: false, captchaId }, () => {
+        onReady && onReady();
+      });
     }
 
     resetCaptcha() {
@@ -155,7 +158,13 @@ class HCaptcha extends React.Component {
 
     handleOnLoad () {
       this.setState({ isApiReady: true }, () => {
-        this.renderCaptcha();
+
+        // render captcha and wait for captcha id
+        this.renderCaptcha(() => {
+            // trigger onLoad if it exists
+            const { onLoad } = this.props;
+            if (onLoad) onLoad();
+        });
       });
     }
 
@@ -190,12 +199,16 @@ class HCaptcha extends React.Component {
       if (onError) onError(event);
     }
 
-    execute () {
+    execute (opts = null) {
       const { isApiReady, isRemoved, captchaId } = this.state;
 
-      if (!isApiReady || isRemoved) return
+      if (!isApiReady || isRemoved) return;
+
+      if (opts && typeof opts !== "object") {
+        opts = null;
+      }
 
-      hcaptcha.execute(captchaId)
+      return hcaptcha.execute(captchaId, opts);
     }
 
     render () {

package/types/index.d.ts

@@ -0,0 +1,44 @@
+// Type definitions for @hcaptcha/react-hcaptcha 0.1
+// Project: https://github.com/hCaptcha/react-hcaptcha
+// Definitions by: Matt Sutkowski <https://github.com/msutkowski>
+// Original Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.8
+
+import * as React from "react";
+
+interface HCaptchaState {
+  isApiReady: boolean;
+  isRemoved: boolean;
+  elementId: string;
+  captchaId: string;
+}
+
+interface HCaptchaProps {
+  onExpire?: () => any;
+  onError?: (event: string) => any;
+  onVerify?: (token: string) => any;
+  onLoad?: () => any;
+  languageOverride?: string;
+  sitekey: string;
+  size?: "normal" | "compact" | "invisible";
+  theme?: "light" | "dark";
+  tabIndex?: number;
+  id?: string;
+  reCaptchaCompat?: boolean;
+}
+
+interface ExecuteResponse {
+  response: string;
+  key: string;
+}
+
+declare class HCaptcha extends React.Component<HCaptchaProps, HCaptchaState> {
+  resetCaptcha(): void;
+  renderCaptcha(): void;
+  removeCaptcha(): void;
+  execute(opts: { async: true }): Promise<ExecuteResponse>
+  execute(opts?: { async: false }): void;
+  execute(opts?: { async: boolean }): Promise<ExecuteResponse> | void;
+}
+
+export = HCaptcha;

package/.babelrc

@@ -1,6 +0,0 @@
-{
-  "presets": [
-    "@babel/env",
-    "@babel/react"
-  ]
-}

package/.gitattributes

@@ -1 +0,0 @@
-* text=auto

package/.github/workflows/ci.yml

@@ -1,12 +0,0 @@
-name: CI
-on: push
-jobs:
-  build:
-    name: Build & Test
-    runs-on: ubuntu-latest
-    steps:
-      - name: Checkout code
-        uses: actions/checkout@v2
-      - run: npm ci
-      - run: npm run transpile
-      - run: npm run test

package/.github/workflows/codeql-analysis.yml

@@ -1,71 +0,0 @@
-# For most projects, this workflow file will not need changing; you simply need
-# to commit it to your repository.
-#
-# You may wish to alter this file to override the set of languages analyzed,
-# or to provide custom queries or build logic.
-name: "CodeQL"
-
-on:
-  push:
-    branches: [master]
-  pull_request:
-    # The branches below must be a subset of the branches above
-    branches: [master]
-  schedule:
-    - cron: '0 20 * * 3'
-
-jobs:
-  analyze:
-    name: Analyze
-    runs-on: ubuntu-latest
-
-    strategy:
-      fail-fast: false
-      matrix:
-        # Override automatic language detection by changing the below list
-        # Supported options are ['csharp', 'cpp', 'go', 'java', 'javascript', 'python']
-        language: ['javascript']
-        # Learn more...
-        # https://docs.github.com/en/github/finding-security-vulnerabilities-and-errors-in-your-code/configuring-code-scanning#overriding-automatic-language-detection
-
-    steps:
-    - name: Checkout repository
-      uses: actions/checkout@v2
-      with:
-        # We must fetch at least the immediate parents so that if this is
-        # a pull request then we can checkout the head.
-        fetch-depth: 2
-
-    # If this run was triggered by a pull request event, then checkout
-    # the head of the pull request instead of the merge commit.
-    - run: git checkout HEAD^2
-      if: ${{ github.event_name == 'pull_request' }}
-
-    # Initializes the CodeQL tools for scanning.
-    - name: Initialize CodeQL
-      uses: github/codeql-action/init@v1
-      with:
-        languages: ${{ matrix.language }}
-        # If you wish to specify custom queries, you can do so here or in a config file.
-        # By default, queries listed here will override any specified in a config file. 
-        # Prefix the list here with "+" to use these queries and those in the config file.
-        # queries: ./path/to/local/query, your-org/your-repo/queries@main
-
-    # Autobuild attempts to build any compiled languages  (C/C++, C#, or Java).
-    # If this step fails, then you should remove it and run the build manually (see below)
-    - name: Autobuild
-      uses: github/codeql-action/autobuild@v1
-
-    # ℹ️ Command-line programs to run using the OS shell.
-    # 📚 https://git.io/JvXDl
-
-    # ✏️ If the Autobuild fails above, remove it and uncomment the following three lines
-    #    and modify them (or add more) to build your code if your project
-    #    uses a compiled language
-
-    #- run: |
-    #   make bootstrap
-    #   make release
-
-    - name: Perform CodeQL Analysis
-      uses: github/codeql-action/analyze@v1

package/.github/workflows/publish.yml

@@ -1,22 +0,0 @@
-name: Publish NPM
-on:
-  release:
-    types: [ created ]
-jobs:
-  build:
-    name: Build & Test & Publish
-    runs-on: ubuntu-latest
-    steps:
-      - name: Checkout code
-        uses: actions/checkout@v2
-      # Setup .npmrc file to publish to npm
-      - uses: actions/setup-node@v1
-        with:
-          node-version: '12.x'
-          registry-url: 'https://registry.npmjs.org'
-      - run: npm ci
-      - run: npm run transpile
-      - run: npm run test
-      - run: npm publish
-        env:
-          NODE_AUTH_TOKEN: ${{ secrets.NPM_AUTH_TOKEN  }}

package/examples/src/index.html

@@ -1,9 +0,0 @@
-<!DOCTYPE html>
-<html>
-  <head>
-      <title>hCaptcha React Demo</title>
-  </head>
-  <body>
-    <div id="app"></div>
-  </body>
-</html>

package/examples/src/index.js

@@ -1,89 +0,0 @@
-const React = require('react');
-const {render} = require('react-dom');
-const HCaptcha = require('../../dist/');
-
-class ReactDemo extends React.Component {
-
-  constructor(props) {
-    super(props);
-
-    this.state = {isVerified: false};
-    this.captcha = React.createRef();
-
-    this.handleChange = this.handleChange.bind(this);
-    this.handleReset  = this.handleReset.bind(this);
-    this.onVerifyCaptcha = this.onVerifyCaptcha.bind(this);
-    // Leave languageOverride unset or null for browser autodetection.
-    // To force a language, use the code: https://hcaptcha.com/docs/languages
-    this.languageOverride = null; // "fr";
-  }
-
-  handleChange(event) {
-    this.setState({isVerified: true});
-  }
-
-  onVerifyCaptcha (token) {
-    console.log("Verified: " + token);
-    this.setState({isVerified: true})
-  }
-
-  handleSubmit(event) {
-    event.preventDefault()
-    this.child.execute()
-  }
-
-  handleReset(event) {
-    event.preventDefault()
-    this.captcha.current.resetCaptcha()
-    this.setState({isVerified: false})
-  }
-
-  render() {
-    const { isVerified } = this.state;
-
-    return (
-      <div>
-        <p>
-          Set your sitekey and onVerify callback as props, and drop into your form. From here, we'll take care of the rest.
-        </p>
-        <div>
-          <HCaptcha ref={this.captcha} onVerify={this.onVerifyCaptcha} languageOverride={this.languageOverride}
-          sitekey="917ba1eb-0b37-486e-9c90-39f3cb7b2579"
-          theme="light"
-          />
-        </div>
-
-        <div>
-          <HCaptcha ref={this.captcha} onVerify={this.onVerifyCaptcha} languageOverride={this.languageOverride}
-          sitekey="917ba1eb-0b37-486e-9c90-39f3cb7b2579"
-          theme="dark"
-          />
-        </div>
-
-        <div>
-          <HCaptcha ref={this.captcha} onVerify={this.onVerifyCaptcha} languageOverride={this.languageOverride}
-          sitekey="917ba1eb-0b37-486e-9c90-39f3cb7b2579"
-          size="compact"
-          theme="dark"
-          />
-        </div>
-
-        {isVerified &&
-          <div>
-            <p>Open your console to see the Verified response.</p>
-            <button onClick={this.handleReset}>Reset Captcha</button>
-          </div>
-        }
-
-      </div>
-    );
-  }
-}
-
-render(
-  <div>
-    <h1>HCaptcha React Demo</h1>
-    <ReactDemo/>
-  </div>,
-  document.getElementById('app')
-);

package/jest.config.js

@@ -1,15 +0,0 @@
-"use strict";
-
-// For a detailed explanation regarding each configuration property, visit:
-// https://jestjs.io/docs/en/configuration.html
-
-module.exports = {
-    // Automatically clear mock calls and instances between every test
-    clearMocks: true,
-
-    // The glob patterns Jest uses to detect test files
-    testMatch: ["**/?(*.)+(spec|test).js?(x)"],
-
-    // An array of regexp pattern strings that are matched against all test paths, matched tests are skipped
-    testPathIgnorePatterns: ["/node_modules/", "webpack.config.test.js"],
-};

package/tests/hcaptcha.mock.js

@@ -1,19 +0,0 @@
-export const MOCK_WIDGET_ID = 'mock-widget-id';
-export const MOCK_TOKEN = 'mock-token';
-export const MOCK_EKEY = 'mock-ekey';
-
-/*global jest*/
-
-export function getMockedHcaptcha() {
-    return {
-        // eslint-disable-next-line no-unused-vars
-        setData: jest.fn((id, data) => {}),
-        // eslint-disable-next-line no-unused-vars
-        render: jest.fn((container, opt) => MOCK_WIDGET_ID),
-        getResponse: jest.fn(() => MOCK_TOKEN),
-        getRespKey: jest.fn(() => MOCK_EKEY),
-        reset: jest.fn(),
-        execute: jest.fn(),
-        remove: jest.fn(),
-    };
-}

package/tests/hcaptcha.spec.js

@@ -1,281 +0,0 @@
-import React from "react";
-import ReactDOM from "react-dom";
-import ReactTestUtils, { act } from "react-dom/test-utils";
-import {getMockedHcaptcha, MOCK_EKEY, MOCK_TOKEN, MOCK_WIDGET_ID} from "./hcaptcha.mock";
-
-let HCaptcha;
-
-const TEST_PROPS = {
-    sitekey: "10000000-ffff-ffff-ffff-000000000001",
-    theme: "light",
-    size: "invisible",
-    tabindex: 0,
-};
-
-describe("hCaptcha", () => {
-    let instance;
-    let mockFns;
-
-    beforeEach(() => {
-        jest.isolateModules(() => {
-            // Use node's `require` because `jest.isolateModules` cannot be async to use it with `await import()`
-            HCaptcha = require('../src/index');
-        });
-
-        mockFns = {
-            onChange: jest.fn(),
-            onVerify: jest.fn(),
-            onError: jest.fn(),
-            onExpire: jest.fn(),
-        };
-        window.hcaptcha = getMockedHcaptcha();
-        instance = ReactTestUtils.renderIntoDocument(
-            <HCaptcha
-                sitekey={TEST_PROPS.sitekey}
-                theme={TEST_PROPS.theme}
-                size={TEST_PROPS.size}
-                tabindex={TEST_PROPS.tabindex}
-                onChange={mockFns.onChange}
-                onVerify={mockFns.onVerify}
-                onError={mockFns.onError}
-                onExpire={mockFns.onExpire}
-            />,
-        );
-    });
-
-    it("renders into a div", () => {
-        expect(ReactDOM.findDOMNode(instance).nodeName).toBe("DIV");
-    });
-
-    it("has functions", () => {
-        expect(typeof instance.execute).toBe("function");
-        expect(typeof instance.resetCaptcha).toBe("function");
-        expect(instance.execute).toBeDefined();
-        expect(instance.resetCaptcha).toBeDefined();
-    });
-
-    it("can execute", () => {
-        expect(window.hcaptcha.execute.mock.calls.length).toBe(0);
-        instance.execute();
-        expect(window.hcaptcha.execute.mock.calls.length).toBe(1);
-        expect(window.hcaptcha.execute.mock.calls[0][0]).toBe(MOCK_WIDGET_ID);
-    });
-
-    it("can reset", () => {
-        expect(window.hcaptcha.reset.mock.calls.length).toBe(0);
-        instance.resetCaptcha();
-        expect(window.hcaptcha.reset.mock.calls.length).toBe(1);
-        expect(window.hcaptcha.reset.mock.calls[0][0]).toBe(MOCK_WIDGET_ID);
-    });
-
-    it("can remove", () => {
-        expect(window.hcaptcha.remove.mock.calls.length).toBe(0);
-        instance.removeCaptcha();
-        expect(window.hcaptcha.remove.mock.calls.length).toBe(1);
-        expect(window.hcaptcha.remove.mock.calls[0][0]).toBe(MOCK_WIDGET_ID);
-    });
-
-    it("emits verify with token and eKey", () => {
-        expect(mockFns.onVerify.mock.calls.length).toBe(0);
-        instance.handleSubmit();
-        expect(mockFns.onVerify.mock.calls.length).toBe(1);
-        expect(mockFns.onVerify.mock.calls[0][0]).toBe(MOCK_TOKEN);
-        expect(mockFns.onVerify.mock.calls[0][1]).toBe(MOCK_EKEY);
-    });
-
-    it("emits error and calls reset", () => {
-        expect(mockFns.onError.mock.calls.length).toBe(0);
-        const error = "invalid-input-response";
-        instance.handleError(error);
-        expect(mockFns.onError.mock.calls.length).toBe(1);
-        expect(mockFns.onError.mock.calls[0][0]).toBe(error);
-        expect(window.hcaptcha.reset.mock.calls.length).toBe(1);
-    });
-
-    it("emits expire and calls reset", () => {
-        expect(mockFns.onExpire.mock.calls.length).toBe(0);
-        instance.handleExpire();
-        expect(mockFns.onExpire.mock.calls.length).toBe(1);
-        expect(window.hcaptcha.reset.mock.calls.length).toBe(1);
-    });
-
-    it("el renders after api loads and a widget id is set", () => {
-        expect(instance.state.captchaId).toBe(MOCK_WIDGET_ID);
-        expect(window.hcaptcha.render.mock.calls.length).toBe(1);
-        expect(window.hcaptcha.render.mock.calls[0][1]).toMatchObject({
-            sitekey: TEST_PROPS.sitekey,
-            theme: TEST_PROPS.theme,
-            size: TEST_PROPS.size,
-            tabindex: TEST_PROPS.tabindex
-        });
-    });
-
-    it("should set id if id prop is passed", () => {
-        instance = ReactTestUtils.renderIntoDocument(
-            <HCaptcha
-                sitekey={TEST_PROPS.sitekey}
-                id="test-id-1"
-            />,
-        );
-        const node = ReactDOM.findDOMNode(instance);
-        expect(node.getAttribute("id")).toBe("test-id-1");
-    });
-
-    it("should not set id if no id prop is passed", () => {
-        process.env.NODE_ENV = "development";
-        instance = ReactTestUtils.renderIntoDocument(
-            <HCaptcha
-                sitekey={TEST_PROPS.sitekey}
-            />,
-        );
-        const node = ReactDOM.findDOMNode(instance);
-        expect(node.getAttribute("id")).toBe(null);
-    });
-
-    describe("Query parameter", () => {
-
-        beforeEach(() => {
-            // Setup hCaptcha as undefined to load script
-            window.hcaptcha = undefined;
-        });
-
-        afterEach(() => {
-            // Clean up created script tag
-            document.querySelectorAll("head > script")
-              .forEach(script => document.head.removeChild(script));
-        });
-
-        it("validate src without", () => {
-            instance = ReactTestUtils.renderIntoDocument(<HCaptcha
-                    sitekey={TEST_PROPS.sitekey}
-                />);
-
-            const script = document.querySelector("head > script");
-            expect(script.src).toEqual("https://hcaptcha.com/1/api.js?render=explicit&onload=hcaptchaOnLoad");
-        });
-
-        it("apihost should change script src, but not be added as query", () => {
-            const ExpectHost = "https://test.com";
-
-            instance = ReactTestUtils.renderIntoDocument(<HCaptcha
-                    apihost={ExpectHost}
-                    sitekey={TEST_PROPS.sitekey}
-                />);
-
-            const script = document.querySelector("head > script");
-            expect(script.src).toContain(ExpectHost);
-            expect(script.src).not.toContain(`apihost=${encodeURIComponent(ExpectHost)}`);
-        });
-
-        it("assethost should be found when prop is set", () => {
-            const ExpectHost = "https://test.com";
-
-            instance = ReactTestUtils.renderIntoDocument(<HCaptcha
-                    assethost={ExpectHost}
-                    sitekey={TEST_PROPS.sitekey}
-                />);
-
-            const script = document.querySelector("head > script");
-            expect(script.src).toContain(`assethost=${encodeURIComponent(ExpectHost)}`);
-        });
-
-        it("endpoint should be found when prop is set", () => {
-            const ExpectHost = "https://test.com";
-
-            instance = ReactTestUtils.renderIntoDocument(<HCaptcha
-                    endpoint={ExpectHost}
-                    sitekey={TEST_PROPS.sitekey}
-                />);
-
-            const script = document.querySelector("head > script");
-            expect(script.src).toContain(`endpoint=${encodeURIComponent(ExpectHost)}`);
-        });
-
-        it("imghost should be found when prop is set", () => {
-            const ExpectHost = "https://test.com";
-
-            instance = ReactTestUtils.renderIntoDocument(<HCaptcha
-                    imghost={ExpectHost}
-                    sitekey={TEST_PROPS.sitekey}
-                />);
-
-            const script = document.querySelector("head > script");
-            expect(script.src).toContain(`imghost=${encodeURIComponent(ExpectHost)}`);
-        });
-
-        it("reportapi should be found when prop is set", () => {
-            const ExpectHost = "https://test.com";
-
-            instance = ReactTestUtils.renderIntoDocument(<HCaptcha
-                    reportapi={ExpectHost}
-                    sitekey={TEST_PROPS.sitekey}
-                />);
-
-            const script = document.querySelector("head > script");
-            expect(script.src).toContain(`reportapi=${encodeURIComponent(ExpectHost)}`);
-        });
-
-        it("hl should be found when prop languageOverride is set", () => {
-            instance = ReactTestUtils.renderIntoDocument(<HCaptcha
-                    languageOverride="fr"
-                    sitekey={TEST_PROPS.sitekey}
-                />);
-
-            const script = document.querySelector("head > script");
-            expect(script.src).toContain("hl=fr");
-        });
-
-        it("reCaptchaCompat should be found when prop is set to false", () => {
-            instance = ReactTestUtils.renderIntoDocument(<HCaptcha
-                    reCaptchaCompat={false}
-                    sitekey={TEST_PROPS.sitekey}
-                />);
-
-            const script = document.querySelector("head > script");
-            expect(script.src).toContain("recaptchacompat=off");
-        });
-
-        it("reCaptchaCompat should not be found when prop is set to anything except false", () => {
-            instance = ReactTestUtils.renderIntoDocument(<HCaptcha
-                    reCaptchaCompat={true}
-                    sitekey={TEST_PROPS.sitekey}
-                />);
-
-            const script = document.querySelector("head > script");
-            expect(script.src).not.toContain("recaptchacompat");
-        });
-
-        it("sentry should be found when prop is set", () => {
-            instance = ReactTestUtils.renderIntoDocument(<HCaptcha
-                    sentry={true}
-                    sitekey={TEST_PROPS.sitekey}
-                />);
-
-            const script = document.querySelector("head > script");
-            expect(script.src).toContain("sentry=true");
-        });
-
-        it("host should be found when prop is set", () => {
-            instance = ReactTestUtils.renderIntoDocument(<HCaptcha
-                    host="test.com"
-                    sitekey={TEST_PROPS.sitekey}
-                />);
-
-            const script = document.querySelector("head > script");
-            expect(script.src).toContain("host=test.com");
-        });
-
-        it("shouldn't create multiple scripts for multiple captchas", () => {
-            ReactTestUtils.renderIntoDocument(<HCaptcha
-                sitekey={TEST_PROPS.sitekey}
-            />);
-            ReactTestUtils.renderIntoDocument(<HCaptcha
-                sitekey={TEST_PROPS.sitekey}
-            />);
-
-            const scripts = document.querySelectorAll("head > script");
-
-            expect(scripts.length).toBe(1);
-        })
-    });
-});

package/tests/utils.test.js

@@ -1,44 +0,0 @@
-import { generateQuery } from "../src/utils.js";
-
-describe("Encode query", () => {
-
-    it("Property foo to equal bar as string foo=bar:", () => {
-        const params = {
-            foo: "bar"
-        };
-        expect(generateQuery(params)).toBe("foo=bar");
-    });
-
-    it("Spaces to be encoded with %20", () => {
-        const params = {
-            foo: "bar baz bah"
-        };
-        expect(generateQuery(params)).toBe("foo=bar%20baz%20bah");
-    });
-
-    it("Chain multiple parameters", () => {
-        const params = {
-            foo: "bar",
-            baz: true
-        };
-        expect(generateQuery(params)).toBe("foo=bar&baz=true");
-    });
-
-    it("false should be a valid query value", () => {
-        const params = {
-            foo: false
-        };
-        expect(generateQuery(params)).toBe("foo=false");
-    });
-
-    it("Null, undefined, and empty string values should be removed", () => {
-        const params = {
-            foo: "",
-            bar: null,
-            baz: undefined,
-            bah: true
-        };
-        expect(generateQuery(params)).toBe("bah=true");
-    });
-
-});

package/webpack.config.js

@@ -1,42 +0,0 @@
-// NPM Modules
-const Webpack = require('webpack');
-const Path = require('path');
-const HtmlWebpackPlugin = require("html-webpack-plugin");
-
-// Webpack Plugins
-const htmlPlugin = new HtmlWebpackPlugin({
-    template: Path.join(__dirname, "./examples/src/index.html"),
-    filename: "./index.html"
-}); 
-
-module.exports = {
-  entry: Path.join(__dirname, "./examples/src/index.js"),
-
-  module: {
-    rules: [
-      {
-        test: /\.(js|jsx)$/,
-        exclude: /node_modules/,
-        use: ['babel-loader']
-      }
-    ]
-  },
-
-  resolve: {
-    extensions: ['*', '.js', '.jsx']
-  },
-
-  output: {
-    path: __dirname + '/dist',
-    publicPath: '/',
-    filename: 'bundle.js'
-  },
-
-  plugins: [
-    htmlPlugin
-  ],
-
-  devServer: {
-    port: 9000
-  }
-};