tomliangg

react-hook-recaptcha

Object.defineProperty(exports, '__esModule', { value: true });

// original: https://usehooks.com/useScript/

  // Keep track of script status ("idle", "loading", "ready", "error")

  var [status, setStatus] = react.useState(src ? 'loading' : 'idle');

    // Allow falsy src value if waiting on other data needed for

    // constructing the script URL passed to this hook.

    } // Fetch existing script element by src

    // It may have been added by another intance of this hook

    var script = document.querySelector("script[src=\"".concat(src, "\"]"));

      script = document.createElement('script');

      script.setAttribute('data-status', 'loading'); // Add script to document body

      document.body.appendChild(script); // Store status in attribute on script

      // This can be read by other instances of this hook

      var setAttributeFromEvent = event => {

        script.setAttribute('data-status', event.type === 'load' ? 'ready' : 'error');

      script.addEventListener('load', setAttributeFromEvent);

      script.addEventListener('error', setAttributeFromEvent);

      // Grab existing script status from attribute and set to state.

      setStatus(script.getAttribute('data-status'));

    } // Script event handler to update status in state

    // Note: Even if the script already exists we still need to add

    // event handlers to update the state for *this* hook instance.

      setStatus(event.type === 'load' ? 'ready' : 'error');

    script.addEventListener('load', setStateFromEvent);

    script.addEventListener('error', setStateFromEvent); // Remove event listeners on cleanup

        script.removeEventListener('load', setStateFromEvent);

        script.removeEventListener('error', setStateFromEvent);

  }, [src] // Only re-run effect if script src changes

var RECAPTCHA_SCRIPT_SRC_URL = 'https://www.google.com/recaptcha/api.js?render=explicit';

 * a hook integrates google-recaptcha v2 into react function components

 * @param {Object} config configuration of recaptcha

 * @param {string} config.containerId  ID of the container to render the recaptcha widget

 * @param {string} config.sitekey client-side sitekey

 * @param {string} config.size the size of the widget. Value can be either of "normal", "compact", "invisible"

 * @param {string} config.theme The color theme of the widget. Value can be either of "dark" or "light". This is only applicable to checkbox recaptcha

 * @param {string} config.badge Reposition the recaptcha badge. Value can be either of "bottomright", "bottomleft", 'inline'. 'inline' lets you position it with CSS. This is only applicable to invisible recaptcha

 * @param {Function} config.successCallback executed when the user submits a successful response and passes the challenge if it prompts up. The g-recaptcha-response token is passed to the callback.

 * @param {Function} config.expiredCallback executed when the recaptcha response expires and the user needs to re-verify.

 * @param {Function} config.errorCallback executed when recaptcha encounters an error (usually network connectivity) and cannot continue until connectivity is restored. If you specify a function here, you are responsible for informing the user that they should retry.

  // https://stackoverflow.com/questions/45240833/what-are-the-benefits-of-explicitly-rendering-recaptcha-widget-as-opposed-to-aut

  // explicit rendering is needed because the view template of applicatio may not be loaded yet when recaptcha is loaded

  var [recaptchaLoaded, setRecaptchaLoaded] = react.useState((_window = window) !== null && _window !== void 0 && (_window$grecaptcha = _window.grecaptcha) !== null && _window$grecaptcha !== void 0 && _window$grecaptcha.render ? true : false);

  var [recaptchaWidget, setRecaptchaWidget] = react.useState(null);

      if ((_window2 = window) !== null && _window2 !== void 0 && (_window2$grecaptcha = _window2.grecaptcha) !== null && _window2$grecaptcha !== void 0 && _window2$grecaptcha.render) {

    if (recaptchaLoaded && recaptchaWidget === null) {

      var widget = window.grecaptcha.render(containerId, {

        'expired-callback': expiredCallback,

  }, [recaptchaLoaded, successCallback, recaptchaWidget, containerId]);

exports.RECAPTCHA_SCRIPT_SRC_URL = RECAPTCHA_SCRIPT_SRC_URL;

  "description": "React hook for google-recaptcha v2",

    "dev": "rollup -c rollup.config.dev.js -w",

    "build": "rollup -c rollup.config.prod.js",

    "pretty": "prettier 'src/**/*.{js,jsx,json,css,scss}' --write"

    "url": "git+https://github.com/tomliangg/react-hook-recaptcha.git"

    "url": "https://github.com/tomliangg/react-hook-recaptcha/issues"

  "homepage": "https://github.com/tomliangg/react-hook-recaptcha#readme",

    "@rollup/plugin-node-resolve": "11.2.0",

    "@testing-library/user-event": "12.7.3",

    "rollup-plugin-peer-deps-external": "2.2.4",

		@@ -91,2 +91,3 @@ 'use strict';
		theme,
		badge,
		successCallback,
		@@ -120,2 +121,3 @@ expiredCallback,
		theme,
		badge,
		callback: successCallback,
		@@ -122,0 +124,0 @@ 'expired-callback': expiredCallback,

		{
		"name": "react-hook-recaptcha",
		"version": "1.0.3",
		"version": "1.0.4",
		"description": "React hook for google-recaptcha v2",
		@@ -5,0 +5,0 @@ "main": "dist/index.js",

Improved metrics