auth0-lock 11.34.1 → 12.0.0-beta.0

package/lib/field/captcha/captcha_pane.js

@@ -1,118 +1,98 @@
-'use strict';
-
-exports.__esModule = true;
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
-var _captcha_input = require('../../ui/input/captcha_input');
-
-var _captcha_input2 = _interopRequireDefault(_captcha_input);
-
-var _index = require('../../core/index');
-
-var l = _interopRequireWildcard(_index);
-
-var _index2 = require('../../store/index');
-
-var _captcha = require('../captcha');
-
-var captchaField = _interopRequireWildcard(_captcha);
-
-var _index3 = require('../index');
-
-var _recaptcha = require('./recaptcha');
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
-
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _captcha_input = _interopRequireDefault(require("../../ui/input/captcha_input"));
+var l = _interopRequireWildcard(require("../../core/index"));
+var _index2 = require("../../store/index");
+var captchaField = _interopRequireWildcard(require("../captcha"));
+var _index3 = require("../index");
+var _recaptcha = require("./recaptcha");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } /* eslint-disable no-nested-ternary */
-
-var CaptchaPane = function (_React$Component) {
+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, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+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 } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+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 _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+var CaptchaPane = /*#__PURE__*/function (_React$Component) {
   _inherits(CaptchaPane, _React$Component);
-
+  var _super = _createSuper(CaptchaPane);
   function CaptchaPane() {
     _classCallCheck(this, CaptchaPane);
-
-    return _possibleConstructorReturn(this, _React$Component.apply(this, arguments));
+    return _super.apply(this, arguments);
   }
-
-  CaptchaPane.prototype.render = function render() {
-    var _props = this.props,
-        i18n = _props.i18n,
-        lock = _props.lock,
-        onReload = _props.onReload;
-
-    var lockId = l.id(lock);
-    var captcha = l.captcha(lock);
-    var value = (0, _index3.getFieldValue)(lock, 'captcha');
-    var isValid = !(0, _index3.isFieldVisiblyInvalid)(lock, 'captcha');
-    var provider = captcha.get('provider');
-
-    if ((0, _recaptcha.isRecaptcha)(provider)) {
-      var _handleChange = function _handleChange(value) {
-        (0, _index2.swap)(_index2.updateEntity, 'lock', lockId, captchaField.set, value);
-      };
-
-      var reset = function reset() {
-        _handleChange();
-      };
-
-      return _react2.default.createElement(_recaptcha.ReCAPTCHA, {
-        provider: provider,
-        sitekey: captcha.get('siteKey'),
-        onChange: _handleChange,
-        onExpired: reset,
-        hl: l.ui.language(lock),
+  _createClass(CaptchaPane, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        i18n = _this$props.i18n,
+        lock = _this$props.lock,
+        onReload = _this$props.onReload;
+      var lockId = l.id(lock);
+      var captcha = l.captcha(lock);
+      var value = (0, _index3.getFieldValue)(lock, 'captcha');
+      var isValid = !(0, _index3.isFieldVisiblyInvalid)(lock, 'captcha');
+      var provider = captcha.get('provider');
+      if ((0, _recaptcha.isRecaptcha)(provider)) {
+        function _handleChange(value) {
+          (0, _index2.swap)(_index2.updateEntity, 'lock', lockId, captchaField.set, value);
+        }
+        function reset() {
+          _handleChange();
+        }
+        return /*#__PURE__*/_react.default.createElement(_recaptcha.ReCAPTCHA, {
+          provider: provider,
+          sitekey: captcha.get('siteKey'),
+          onChange: _handleChange,
+          onExpired: reset,
+          hl: l.ui.language(lock),
+          isValid: isValid,
+          value: value
+        });
+      }
+      function handleChange(e) {
+        (0, _index2.swap)(_index2.updateEntity, 'lock', lockId, captchaField.set, e.target.value);
+      }
+      var placeholder = captcha.get('type') === 'code' ? i18n.str("captchaCodeInputPlaceholder") : i18n.str("captchaMathInputPlaceholder");
+
+      // TODO: blankErrorHint is deprecated.
+      // It is kept for backwards compatibility in the code for the customers overwriting
+      // it with languageDictionary. It can be removed in the next major release.
+      return /*#__PURE__*/_react.default.createElement(_captcha_input.default, {
+        lockId: lockId,
+        image: captcha.get('image'),
+        placeholder: placeholder,
         isValid: isValid,
-        value: value
+        onChange: handleChange,
+        onReload: onReload,
+        value: value,
+        invalidHint: i18n.str('blankErrorHint') || i18n.str('blankCaptchaErrorHint')
       });
     }
-
-    function handleChange(e) {
-      (0, _index2.swap)(_index2.updateEntity, 'lock', lockId, captchaField.set, e.target.value);
-    }
-
-    var placeholder = captcha.get('type') === 'code' ? i18n.str('captchaCodeInputPlaceholder') : i18n.str('captchaMathInputPlaceholder');
-
-    // TODO: blankErrorHint is deprecated.
-    // It is kept for backwards compatibiliy in the code for the customers overwriting
-    // it with languageDictionary. It can be removed in the next major release.
-    return _react2.default.createElement(_captcha_input2.default, {
-      lockId: lockId,
-      image: captcha.get('image'),
-      placeholder: placeholder,
-      isValid: isValid,
-      onChange: handleChange,
-      onReload: onReload,
-      value: value,
-      invalidHint: i18n.str('blankErrorHint') || i18n.str('blankCaptchaErrorHint')
-    });
-  };
-
+  }]);
   return CaptchaPane;
-}(_react2.default.Component);
-
+}(_react.default.Component);
 exports.default = CaptchaPane;
-
-
 CaptchaPane.propTypes = {
-  i18n: _propTypes2.default.object.isRequired,
-  lock: _propTypes2.default.object.isRequired,
-  error: _propTypes2.default.bool,
-  onReload: _propTypes2.default.func.isRequired
+  i18n: _propTypes.default.object.isRequired,
+  lock: _propTypes.default.object.isRequired,
+  error: _propTypes.default.bool,
+  onReload: _propTypes.default.func.isRequired
 };
-
 CaptchaPane.defaultProps = {
   error: false
 };

package/lib/field/captcha/recaptcha.js

@@ -1,35 +1,33 @@
-'use strict';
-
-exports.__esModule = true;
-exports.ReCAPTCHA = exports.isRecaptcha = undefined;
-
-var _createRef = require('../../utils/createRef');
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isRecaptcha = exports.ReCAPTCHA = void 0;
+var _createRef = require("../../utils/createRef");
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
-
+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, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+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 } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+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 _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 var noop = function noop() {};
-
 var RECAPTCHA_V2_PROVIDER = 'recaptcha_v2';
 var RECAPTCHA_ENTERPRISE_PROVIDER = 'recaptcha_enterprise';
-
-var isRecaptcha = exports.isRecaptcha = function isRecaptcha(provider) {
+var isRecaptcha = function isRecaptcha(provider) {
   return provider === RECAPTCHA_ENTERPRISE_PROVIDER || provider === RECAPTCHA_V2_PROVIDER;
 };
-
+exports.isRecaptcha = isRecaptcha;
 var getRecaptchaProvider = function getRecaptchaProvider(provider) {
   switch (provider) {
     case RECAPTCHA_V2_PROVIDER:
@@ -38,166 +36,163 @@ var getRecaptchaProvider = function getRecaptchaProvider(provider) {
       return window.grecaptcha.enterprise;
   }
 };
-
 var scriptForProvider = function scriptForProvider(provider, lang, callback) {
   switch (provider) {
     case RECAPTCHA_V2_PROVIDER:
-      return 'https://www.recaptcha.net/recaptcha/api.js?hl=' + lang + '&onload=' + callback;
+      return "https://www.recaptcha.net/recaptcha/api.js?hl=".concat(lang, "&onload=").concat(callback);
     case RECAPTCHA_ENTERPRISE_PROVIDER:
-      return 'https://www.recaptcha.net/recaptcha/enterprise.js?render=explicit&hl=' + lang + '&onload=' + callback;
+      return "https://www.recaptcha.net/recaptcha/enterprise.js?render=explicit&hl=".concat(lang, "&onload=").concat(callback);
   }
 };
-
-var ReCAPTCHA = exports.ReCAPTCHA = function (_React$Component) {
+var ReCAPTCHA = /*#__PURE__*/function (_React$Component) {
   _inherits(ReCAPTCHA, _React$Component);
-
+  var _super = _createSuper(ReCAPTCHA);
   function ReCAPTCHA(props) {
+    var _this;
     _classCallCheck(this, ReCAPTCHA);
-
-    var _this = _possibleConstructorReturn(this, _React$Component.call(this, props));
-
+    _this = _super.call(this, props);
     _this.state = {};
     //this version of react doesn't have React.createRef
     _this.ref = (0, _createRef.createRef)();
-
     _this.changeHandler = function (value) {
-      _this.setState({ value: value }, function () {
+      _this.setState({
+        value: value
+      }, function () {
         _this.props.onChange(value);
       });
     };
-
     _this.expiredHandler = function () {
       var value = '';
-      _this.setState({ value: value }, function () {
+      _this.setState({
+        value: value
+      }, function () {
         _this.props.onChange(value);
         _this.props.onExpired();
       });
     };
-
     _this.erroredHandler = function () {
       var value = '';
-      _this.setState({ value: value }, function () {
+      _this.setState({
+        value: value
+      }, function () {
         _this.props.onChange(value);
         _this.props.onErrored();
       });
     };
     return _this;
   }
-
-  ReCAPTCHA.loadScript = function loadScript(props) {
-    var element = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : document.body;
-    var callback = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : noop;
-
-    var callbackName = 'recatpchaCallback_' + Math.floor(Math.random() * 1000001);
-    var scriptUrl = scriptForProvider(props.provider, props.hl, callbackName);
-    var script = document.createElement('script');
-
-    window[callbackName] = function () {
-      delete window[callbackName];
-      callback(null, script);
-    };
-
-    script.src = scriptUrl;
-    script.async = true;
-    element.appendChild(script);
-  };
-
-  ReCAPTCHA.prototype.componentWillUnmount = function componentWillUnmount() {
-    if (!this.scriptNode) {
-      return;
-    }
-    document.body.removeChild(this.scriptNode);
-  };
-
-  ReCAPTCHA.prototype.componentDidMount = function componentDidMount() {
-    var _this2 = this;
-
-    ReCAPTCHA.loadScript(this.props, document.body, function (err, scriptNode) {
-      _this2.scriptNode = scriptNode;
-      var provider = getRecaptchaProvider(_this2.props.provider);
-
-      // if this is enterprise then we change this to window.grecaptcha.enterprise.render
-      _this2.widgetId = provider.render(_this2.ref.current, {
-        callback: _this2.changeHandler,
-        'expired-callback': _this2.expiredHandler,
-        'error-callback': _this2.erroredHandler,
-        sitekey: _this2.props.sitekey
-      });
-    });
-  };
-
-  ReCAPTCHA.prototype.reset = function reset() {
-    var provider = getRecaptchaProvider(this.props.provider);
-    provider.reset(this.widgetId);
-  };
-
-  ReCAPTCHA.prototype.render = function render() {
-    /*
-      This is an override for the following conflicting css-rule:
-       @media screen and (max-width: 480px)
-      html.auth0-lock-html body > * {
-          display: none;
-      }
-    */
-    var fixInterval = setInterval(function () {
-      var iframes = Array.from(document.querySelectorAll('iframe[src*="recaptcha"]'));
-
-      var containers = iframes.map(function (iframe) {
-        return iframe.parentNode.parentNode;
-      }).filter(function (container) {
-        return container && container.parentNode === document.body && container.style.display !== 'block';
-      });
-
-      if (containers.length === 0) {
+  _createClass(ReCAPTCHA, [{
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      if (!this.scriptNode) {
         return;
       }
-
-      containers.forEach(function (iframe) {
-        iframe.style.display = 'block';
+      document.body.removeChild(this.scriptNode);
+    }
+  }, {
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      var _this2 = this;
+      ReCAPTCHA.loadScript(this.props, document.body, function (err, scriptNode) {
+        _this2.scriptNode = scriptNode;
+        var provider = getRecaptchaProvider(_this2.props.provider);
+
+        // if this is enterprise then we change this to window.grecaptcha.enterprise.render
+        _this2.widgetId = provider.render(_this2.ref.current, {
+          callback: _this2.changeHandler,
+          'expired-callback': _this2.expiredHandler,
+          'error-callback': _this2.erroredHandler,
+          sitekey: _this2.props.sitekey
+        });
       });
-
-      clearInterval(fixInterval);
-    }, 300);
-
-    return _react2.default.createElement(
-      'div',
-      {
+    }
+  }, {
+    key: "reset",
+    value: function reset() {
+      var provider = getRecaptchaProvider(this.props.provider);
+      provider.reset(this.widgetId);
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      /*
+        This is an override for the following conflicting css-rule:
+         @media screen and (max-width: 480px)
+        html.auth0-lock-html body > * {
+            display: none;
+        }
+      */
+      var fixInterval = setInterval(function () {
+        var iframes = Array.from(document.querySelectorAll("iframe[src*=\"recaptcha\"]"));
+        var containers = iframes.map(function (iframe) {
+          return iframe.parentNode.parentNode;
+        }).filter(function (container) {
+          return container && container.parentNode === document.body && container.style.display !== 'block';
+        });
+        if (containers.length === 0) {
+          return;
+        }
+        containers.forEach(function (iframe) {
+          iframe.style.display = 'block';
+        });
+        clearInterval(fixInterval);
+      }, 300);
+      return /*#__PURE__*/_react.default.createElement("div", {
         className: this.props.isValid ? 'auth0-lock-recaptcha-block' : 'auth0-lock-recaptcha-block auth0-lock-recaptcha-block-error'
-      },
-      _react2.default.createElement('div', { className: 'auth0-lock-recaptchav2', ref: this.ref })
-    );
-  };
-
-  ReCAPTCHA.getDerivedStateFromProps = function getDerivedStateFromProps(nextProps, prevState) {
-    if (nextProps.value !== prevState.value) {
-      return { value: nextProps.value };
-    } else {
-      return null;
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: "auth0-lock-recaptchav2",
+        ref: this.ref
+      }));
     }
-  };
-
-  ReCAPTCHA.prototype.componentDidUpdate = function componentDidUpdate(prevProps, prevState) {
-    if (prevProps.value !== this.props.value && this.props.value === '') {
-      this.reset();
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps, prevState) {
+      if (prevProps.value !== this.props.value && this.props.value === '') {
+        this.reset();
+      }
     }
-  };
-
+  }], [{
+    key: "loadScript",
+    value: function loadScript(props) {
+      var element = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : document.body;
+      var callback = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : noop;
+      var callbackName = "recatpchaCallback_".concat(Math.floor(Math.random() * 1000001));
+      var scriptUrl = scriptForProvider(props.provider, props.hl, callbackName);
+      var script = document.createElement('script');
+      window[callbackName] = function () {
+        delete window[callbackName];
+        callback(null, script);
+      };
+      script.src = scriptUrl;
+      script.async = true;
+      element.appendChild(script);
+    }
+  }, {
+    key: "getDerivedStateFromProps",
+    value: function getDerivedStateFromProps(nextProps, prevState) {
+      if (nextProps.value !== prevState.value) {
+        return {
+          value: nextProps.value
+        };
+      } else {
+        return null;
+      }
+    }
+  }]);
   return ReCAPTCHA;
-}(_react2.default.Component);
-
+}(_react.default.Component);
+exports.ReCAPTCHA = ReCAPTCHA;
 ReCAPTCHA.displayName = 'ReCAPTCHA';
-
 ReCAPTCHA.propTypes = {
-  provider: _propTypes2.default.string.isRequired,
-  sitekey: _propTypes2.default.string.isRequired,
-  onChange: _propTypes2.default.func,
-  onExpired: _propTypes2.default.func,
-  onErrored: _propTypes2.default.func,
-  hl: _propTypes2.default.string,
-  value: _propTypes2.default.string,
-  isValid: _propTypes2.default.bool
+  provider: _propTypes.default.string.isRequired,
+  sitekey: _propTypes.default.string.isRequired,
+  onChange: _propTypes.default.func,
+  onExpired: _propTypes.default.func,
+  onErrored: _propTypes.default.func,
+  hl: _propTypes.default.string,
+  value: _propTypes.default.string,
+  isValid: _propTypes.default.bool
 };
-
 ReCAPTCHA.defaultProps = {
   onChange: noop,
   onExpired: noop,

package/lib/field/captcha.js

@@ -1,16 +1,15 @@
-'use strict';
+"use strict";
 
-exports.__esModule = true;
-exports.set = set;
-exports.reset = reset;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.getValue = getValue;
-
-var _index = require('./index');
-
+exports.reset = reset;
+exports.set = set;
+var _index = require("./index");
 function validate(captcha) {
   return !!captcha;
 }
-
 function set(m, captcha, wasInvalid) {
   m = (0, _index.setField)(m, 'captcha', captcha, validate);
   if (wasInvalid) {
@@ -18,11 +17,9 @@ function set(m, captcha, wasInvalid) {
   }
   return m;
 }
-
 function reset(m, wasInvalid) {
   return set(m, '', wasInvalid);
 }
-
 function getValue(m) {
   return (0, _index.getFieldValue)(m, 'captcha');
 }