primereact/captcha/captcha.js

PrimeReact is an open source UI library for React featuring a rich set of 80+ components, a theme designer, various theme alternatives such as Material, Bootstrap, Tailwind, premium templates and professional support. In addition, it integrates with Prime

this.primereact = this.primereact || {};
this.primereact.captcha = (function (exports, React, hooks, utils) {
  'use strict';

  function _interopNamespace(e) {
    if (e && e.__esModule) return e;
    var n = Object.create(null);
    if (e) {
      Object.keys(e).forEach(function (k) {
        if (k !== 'default') {
          var d = Object.getOwnPropertyDescriptor(e, k);
          Object.defineProperty(n, k, d.get ? d : {
            enumerable: true,
            get: function () { return e[k]; }
          });
        }
      });
    }
    n["default"] = e;
    return Object.freeze(n);
  }

  var React__namespace = /*#__PURE__*/_interopNamespace(React);

  function _extends() {
    _extends = Object.assign ? Object.assign.bind() : function (target) {
      for (var i = 1; i < arguments.length; i++) {
        var source = arguments[i];

        for (var key in source) {
          if (Object.prototype.hasOwnProperty.call(source, key)) {
            target[key] = source[key];
          }
        }
      }

      return target;
    };
    return _extends.apply(this, arguments);
  }

  var Captcha = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
    var elementRef = React__namespace.useRef(null);
    var instance = React__namespace.useRef(null);
    var recaptchaScript = React__namespace.useRef(null);
    var isCaptchaLoaded = React__namespace.useRef(false);

    var init = function init() {
      instance.current = window.grecaptcha.render(elementRef.current, {
        sitekey: props.siteKey,
        theme: props.theme,
        type: props.type,
        size: props.size,
        tabindex: props.tabIndex,
        hl: props.language,
        callback: recaptchaCallback,
        'expired-callback': recaptchaExpiredCallback
      });
    };

    var reset = function reset() {
      !!instance.current && window.grecaptcha.reset(instance.current);
    };

    var getResponse = function getResponse() {
      return !!instance.current ? window.grecaptcha.getResponse(instance.current) : null;
    };

    var recaptchaCallback = function recaptchaCallback(response) {
      props.onResponse && props.onResponse({
        response: response
      });
    };

    var recaptchaExpiredCallback = function recaptchaExpiredCallback() {
      props.onExpire && props.onExpire();
    };

    var addRecaptchaScript = function addRecaptchaScript() {
      recaptchaScript.current = null;

      if (!window.grecaptcha) {
        var head = document.head || document.getElementsByTagName('head')[0];
        var script = document.createElement('script');
        script.src = 'https://www.google.com/recaptcha/api.js?render=explicit';
        script.async = true;
        script.defer = true;

        script.onload = function () {
          if (!window.grecaptcha) {
            // eslint-disable-next-line no-console
            console.warn('Recaptcha is not loaded');
            return;
          }

          window.grecaptcha.ready(function () {
            init();
          });
        };

        recaptchaScript.current = script;
        head.appendChild(recaptchaScript.current);
      }
    };

    hooks.useMountEffect(function () {
      if (!isCaptchaLoaded.current) {
        addRecaptchaScript();

        if (window.grecaptcha) {
          init();
        }

        isCaptchaLoaded.current = true;
      }
    });
    hooks.useUnmountEffect(function () {
      if (recaptchaScript.current && recaptchaScript.current.parentNode) {
        recaptchaScript.current.parentNode.removeChild(recaptchaScript.current);
      }
    });
    React__namespace.useImperativeHandle(ref, function () {
      return {
        props: props,
        reset: reset,
        getResponse: getResponse,
        getElement: function getElement() {
          return elementRef.current;
        }
      };
    });
    var otherProps = utils.ObjectUtils.findDiffKeys(props, Captcha.defaultProps);
    return /*#__PURE__*/React__namespace.createElement("div", _extends({
      ref: elementRef,
      id: props.id
    }, otherProps));
  }));
  Captcha.displayName = 'Captcha';
  Captcha.defaultProps = {
    __TYPE: 'Captcha',
    id: null,
    siteKey: null,
    theme: 'light',
    type: 'image',
    size: 'normal',
    tabIndex: 0,
    language: 'en',
    onResponse: null,
    onExpire: null
  };

  exports.Captcha = Captcha;

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

  return exports;

})({}, React, primereact.hooks, primereact.utils);