auth0-lock 12.0.1 → 12.1.0

package/lib/field/captcha/captcha_pane.js

@@ -12,7 +12,7 @@ var l = _interopRequireWildcard(require("../../core/index"));
 var _index2 = require("../../store/index");
 var captchaField = _interopRequireWildcard(require("../captcha"));
 var _index3 = require("../index");
-var _recaptcha = require("./recaptcha");
+var _third_party_captcha = require("./third_party_captcha");
 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 }; }
@@ -27,7 +27,7 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 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); }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); } /* eslint-disable no-nested-ternary */
 var CaptchaPane = /*#__PURE__*/function (_React$Component) {
   _inherits(CaptchaPane, _React$Component);
   var _super = _createSuper(CaptchaPane);
@@ -48,14 +48,14 @@ var CaptchaPane = /*#__PURE__*/function (_React$Component) {
       var value = (0, _index3.getFieldValue)(lock, 'captcha');
       var isValid = !(0, _index3.isFieldVisiblyInvalid)(lock, 'captcha');
       var provider = captcha.get('provider');
-      if ((0, _recaptcha.isRecaptcha)(provider)) {
+      if ((0, _third_party_captcha.isThirdPartyCaptcha)(provider)) {
         function handleChange(value) {
           (0, _index2.swap)(_index2.updateEntity, 'lock', lockId, captchaField.set, value);
         }
         function reset() {
           handleChange();
         }
-        return /*#__PURE__*/_react.default.createElement(_recaptcha.ReCAPTCHA, {
+        return /*#__PURE__*/_react.default.createElement(_third_party_captcha.ThirdPartyCaptcha, {
           provider: provider,
           sitekey: captcha.get('siteKey'),
           onChange: handleChange,

package/lib/field/captcha/{recaptcha.js → third_party_captcha.js}

@@ -4,7 +4,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.isRecaptcha = exports.ReCAPTCHA = void 0;
+exports.isThirdPartyCaptcha = exports.ThirdPartyCaptcha = void 0;
 var _createRef = require("../../utils/createRef");
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -24,16 +24,22 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
 var noop = function noop() {};
 var RECAPTCHA_V2_PROVIDER = 'recaptcha_v2';
 var RECAPTCHA_ENTERPRISE_PROVIDER = 'recaptcha_enterprise';
-var isRecaptcha = function isRecaptcha(provider) {
-  return provider === RECAPTCHA_ENTERPRISE_PROVIDER || provider === RECAPTCHA_V2_PROVIDER;
+var HCAPTCHA_PROVIDER = 'hcaptcha';
+var FRIENDLY_CAPTCHA_PROVIDER = 'friendly_captcha';
+var isThirdPartyCaptcha = function isThirdPartyCaptcha(provider) {
+  return provider === RECAPTCHA_ENTERPRISE_PROVIDER || provider === RECAPTCHA_V2_PROVIDER || provider === HCAPTCHA_PROVIDER || provider === FRIENDLY_CAPTCHA_PROVIDER;
 };
-exports.isRecaptcha = isRecaptcha;
-var getRecaptchaProvider = function getRecaptchaProvider(provider) {
+exports.isThirdPartyCaptcha = isThirdPartyCaptcha;
+var getCaptchaProvider = function getCaptchaProvider(provider) {
   switch (provider) {
     case RECAPTCHA_V2_PROVIDER:
       return window.grecaptcha;
     case RECAPTCHA_ENTERPRISE_PROVIDER:
       return window.grecaptcha.enterprise;
+    case HCAPTCHA_PROVIDER:
+      return window.hcaptcha;
+    case FRIENDLY_CAPTCHA_PROVIDER:
+      return window.friendlyChallenge;
   }
 };
 var scriptForProvider = function scriptForProvider(provider, lang, callback) {
@@ -42,14 +48,30 @@ var scriptForProvider = function scriptForProvider(provider, lang, 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=".concat(lang, "&onload=").concat(callback);
+    case HCAPTCHA_PROVIDER:
+      return "https://js.hcaptcha.com/1/api.js?hl=".concat(lang, "&onload=").concat(callback);
+    case FRIENDLY_CAPTCHA_PROVIDER:
+      return 'https://cdn.jsdelivr.net/npm/friendly-challenge@0.9.12/widget.min.js';
   }
 };
-var ReCAPTCHA = /*#__PURE__*/function (_React$Component) {
-  _inherits(ReCAPTCHA, _React$Component);
-  var _super = _createSuper(ReCAPTCHA);
-  function ReCAPTCHA(props) {
+var providerDomPrefix = function providerDomPrefix(provider) {
+  switch (provider) {
+    case RECAPTCHA_V2_PROVIDER:
+      return 'recaptcha';
+    case RECAPTCHA_ENTERPRISE_PROVIDER:
+      return 'recaptcha';
+    case HCAPTCHA_PROVIDER:
+      return 'hcaptcha';
+    case FRIENDLY_CAPTCHA_PROVIDER:
+      return 'friendly-captcha';
+  }
+};
+var ThirdPartyCaptcha = /*#__PURE__*/function (_React$Component) {
+  _inherits(ThirdPartyCaptcha, _React$Component);
+  var _super = _createSuper(ThirdPartyCaptcha);
+  function ThirdPartyCaptcha(props) {
     var _this;
-    _classCallCheck(this, ReCAPTCHA);
+    _classCallCheck(this, ThirdPartyCaptcha);
     _this = _super.call(this, props);
     _this.state = {};
     //this version of react doesn't have React.createRef
@@ -81,7 +103,7 @@ var ReCAPTCHA = /*#__PURE__*/function (_React$Component) {
     };
     return _this;
   }
-  _createClass(ReCAPTCHA, [{
+  _createClass(ThirdPartyCaptcha, [{
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
       if (!this.scriptNode) {
@@ -93,28 +115,43 @@ var ReCAPTCHA = /*#__PURE__*/function (_React$Component) {
     key: "componentDidMount",
     value: function componentDidMount() {
       var _this2 = this;
-      ReCAPTCHA.loadScript(this.props, document.body, function (err, scriptNode) {
+      ThirdPartyCaptcha.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
-        });
+        var provider = getCaptchaProvider(_this2.props.provider);
+        if (_this2.props.provider === FRIENDLY_CAPTCHA_PROVIDER) {
+          _this2.widgetInstance = new provider.WidgetInstance(_this2.ref.current, {
+            sitekey: _this2.props.sitekey,
+            language: _this2.props.hl,
+            doneCallback: _this2.changeHandler,
+            errorCallback: _this2.erroredHandler
+          });
+        } else {
+          // 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
+          });
+        }
       });
     }
   }, {
     key: "reset",
     value: function reset() {
-      var provider = getRecaptchaProvider(this.props.provider);
-      provider.reset(this.widgetId);
+      var provider = getCaptchaProvider(this.props.provider);
+      if (this.props.provider === FRIENDLY_CAPTCHA_PROVIDER) {
+        if (this.widgetInstance) {
+          this.widgetInstance.reset();
+        }
+      } else {
+        provider.reset(this.widgetId);
+      }
     }
   }, {
     key: "render",
     value: function render() {
+      var _this3 = this;
       /*
         This is an override for the following conflicting css-rule:
          @media screen and (max-width: 480px)
@@ -123,7 +160,7 @@ var ReCAPTCHA = /*#__PURE__*/function (_React$Component) {
         }
       */
       var fixInterval = setInterval(function () {
-        var iframes = Array.from(document.querySelectorAll("iframe[src*=\"recaptcha\"]"));
+        var iframes = Array.from(document.querySelectorAll("iframe[src*=\"".concat(providerDomPrefix(_this3.props.provider), "\"]")));
         var containers = iframes.map(function (iframe) {
           return iframe.parentNode.parentNode;
         }).filter(function (container) {
@@ -138,9 +175,9 @@ var ReCAPTCHA = /*#__PURE__*/function (_React$Component) {
         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'
+        className: this.props.isValid ? "auth0-lock-".concat(providerDomPrefix(this.props.provider), "-block") : "auth0-lock-".concat(providerDomPrefix(this.props.provider), "-block auth0-lock-").concat(providerDomPrefix(this.props.provider), "-block-error")
       }, /*#__PURE__*/_react.default.createElement("div", {
-        className: "auth0-lock-recaptchav2",
+        className: "auth0-lock-".concat(providerDomPrefix(this.props.provider) === 'recaptcha' ? 'recaptchav2' : providerDomPrefix(this.props.provider)),
         ref: this.ref
       }));
     }
@@ -156,7 +193,7 @@ var ReCAPTCHA = /*#__PURE__*/function (_React$Component) {
     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 callbackName = "".concat(providerDomPrefix(props.provider), "Callback_").concat(Math.floor(Math.random() * 1000001));
       var scriptUrl = scriptForProvider(props.provider, props.hl, callbackName);
       var script = document.createElement('script');
       window[callbackName] = function () {
@@ -165,6 +202,10 @@ var ReCAPTCHA = /*#__PURE__*/function (_React$Component) {
       };
       script.src = scriptUrl;
       script.async = true;
+      script.defer = true;
+      if (props.provider === FRIENDLY_CAPTCHA_PROVIDER) {
+        script.onload = window[callbackName];
+      }
       element.appendChild(script);
     }
   }, {
@@ -179,11 +220,11 @@ var ReCAPTCHA = /*#__PURE__*/function (_React$Component) {
       }
     }
   }]);
-  return ReCAPTCHA;
-}(_react.default.Component);
-exports.ReCAPTCHA = ReCAPTCHA;
-ReCAPTCHA.displayName = 'ReCAPTCHA';
-ReCAPTCHA.propTypes = {
+  return ThirdPartyCaptcha;
+}(_react.default.Component); // TO DO: Confirm this change will not introduce unintended behavior for customers
+exports.ThirdPartyCaptcha = ThirdPartyCaptcha;
+ThirdPartyCaptcha.displayName = 'ThirdPartyCaptcha';
+ThirdPartyCaptcha.propTypes = {
   provider: _propTypes.default.string.isRequired,
   sitekey: _propTypes.default.string.isRequired,
   onChange: _propTypes.default.func,
@@ -193,7 +234,7 @@ ReCAPTCHA.propTypes = {
   value: _propTypes.default.string,
   isValid: _propTypes.default.bool
 };
-ReCAPTCHA.defaultProps = {
+ThirdPartyCaptcha.defaultProps = {
   onChange: noop,
   onExpired: noop,
   onErrored: noop

package/lib/field/phone-number/phone_number_pane.js

@@ -28,7 +28,7 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 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); }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); } // import LocationInput from '../../ui/input/location_input';
 var IconSvg = /*#__PURE__*/_react.default.createElement("svg", {
   focusable: "false",
   width: "14px",

package/lib/i18n.js

@@ -91,7 +91,7 @@ function assertLanguage(m, language, base) {
 function syncLang(m, language, _cb) {
   (0, _cdn_utils.load)({
     method: 'registerLanguageDictionary',
-    url: "".concat(l.languageBaseUrl(m), "/js/lock/").concat("12.0.1", "/").concat(language, ".js"),
+    url: "".concat(l.languageBaseUrl(m), "/js/lock/").concat("12.1.0", "/").concat(language, ".js"),
     check: function check(str) {
       return str && str === language;
     },

package/lib/lock.js

@@ -39,7 +39,7 @@ var Auth0Lock = /*#__PURE__*/function (_Core) {
   return _createClass(Auth0Lock);
 }(_core.default); // telemetry
 exports.default = Auth0Lock;
-Auth0Lock.version = "12.0.1";
+Auth0Lock.version = "12.1.0";
 
 // TODO: should we have different telemetry for classic/passwordless?
 // TODO: should we set telemetry info before each request?

package/lib/passwordless.js

@@ -39,4 +39,4 @@ var Auth0LockPasswordless = /*#__PURE__*/function (_Core) {
   return _createClass(Auth0LockPasswordless);
 }(_core.default);
 exports.default = Auth0LockPasswordless;
-Auth0LockPasswordless.version = "12.0.1";
+Auth0LockPasswordless.version = "12.1.0";

package/lib/ui/box/header.js

@@ -78,6 +78,9 @@ var Welcome = /*#__PURE__*/function (_React$Component2) {
       args[_key] = arguments[_key];
     }
     _this = _super2.call.apply(_super2, [this].concat(args));
+    // Cause a reflow when the image is loaded to fix an issue with the Lock content sometimes
+    // not rendering in a popup on first load.
+    // https://github.com/auth0/lock/issues/1942
     _defineProperty(_assertThisInitialized(_this), "onImageLoad", function () {
       return document.querySelector('.auth0-lock').style.fontSize = '1rem';
     });
@@ -135,7 +138,9 @@ var WelcomeMessage = /*#__PURE__*/function (_React$Component3) {
       }
       return /*#__PURE__*/_react.default.createElement("div", {
         className: className,
-        title: message
+        title: message,
+        role: "heading",
+        "aria-level": "1"
       }, message);
     }
   }]);

package/lib/ui/box.js

@@ -72,7 +72,7 @@ var Renderer = /*#__PURE__*/function () {
     key: "remove",
     value: function remove(containerId) {
       var _this2 = this;
-      if (this.modals[containerId]) {
+      if (this.modals[containerId] && this.modals[containerId].component) {
         this.modals[containerId].component.hide();
         setTimeout(function () {
           return _this2.unmount(containerId);

package/lib/ui/input/captcha_input.js

@@ -1,6 +1,5 @@
 "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
 });
@@ -9,14 +8,13 @@ var _react = _interopRequireDefault(require("react"));
 var _input_wrap = _interopRequireDefault(require("./input_wrap"));
 var _excluded = ["lockId", "image", "value", "placeholder", "onReload", "invalidHint", "isValid"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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); }
 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); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 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); }; }
@@ -24,6 +22,9 @@ function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) ===
 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); }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+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); }
 var InputIconSvg = /*#__PURE__*/_react.default.createElement("svg", {
   className: "auth0-lock-icon auth0-lock-icon-box",
   width: "21",
@@ -54,7 +55,6 @@ var RefreshIconSvg = function RefreshIconSvg() {
     fill: "black"
   }), /*#__PURE__*/_react.default.createElement("mask", {
     id: "mask0",
-    "mask-type": "alpha",
     maskUnits: "userSpaceOnUse",
     x: "1",
     y: "1",
@@ -76,6 +76,27 @@ var CaptchaInput = /*#__PURE__*/function (_React$Component) {
     var _this;
     _classCallCheck(this, CaptchaInput);
     _this = _super.call(this, props);
+    _defineProperty(_assertThisInitialized(_this), "handleOnChange", function (e) {
+      if (_this.props.onChange) {
+        _this.props.onChange(e);
+      }
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleReload", function (e) {
+      if (_this.props.onReload) {
+        e.preventDefault();
+        _this.props.onReload(e);
+      }
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleFocus", function () {
+      _this.setState({
+        focused: true
+      });
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleBlur", function () {
+      _this.setState({
+        focused: false
+      });
+    });
     _this.state = {};
     return _this;
   }
@@ -112,7 +133,7 @@ var CaptchaInput = /*#__PURE__*/function (_React$Component) {
         }
       }), /*#__PURE__*/_react.default.createElement("button", {
         type: "button",
-        onClick: this.handleReload.bind(this),
+        onClick: this.handleReload,
         className: "auth0-lock-captcha-refresh"
       }, /*#__PURE__*/_react.default.createElement(RefreshIconSvg, null))), /*#__PURE__*/_react.default.createElement(_input_wrap.default, {
         focused: focused,
@@ -132,44 +153,15 @@ var CaptchaInput = /*#__PURE__*/function (_React$Component) {
         autoCapitalize: "off",
         autoCorrect: "off",
         spellCheck: "false",
-        onChange: this.handleOnChange.bind(this),
-        onFocus: this.handleFocus.bind(this),
-        onBlur: this.handleBlur.bind(this),
+        onChange: this.handleOnChange,
+        onFocus: this.handleFocus,
+        onBlur: this.handleBlur,
         "aria-label": "Email",
         "aria-invalid": !isValid,
         "aria-describedby": !isValid && invalidHint ? "auth0-lock-error-msg-email" : undefined,
         value: value
       }, props))));
     }
-  }, {
-    key: "handleOnChange",
-    value: function handleOnChange(e) {
-      if (this.props.onChange) {
-        this.props.onChange(e);
-      }
-    }
-  }, {
-    key: "handleReload",
-    value: function handleReload(e) {
-      if (this.props.onReload) {
-        e.preventDefault();
-        this.props.onReload(e);
-      }
-    }
-  }, {
-    key: "handleFocus",
-    value: function handleFocus() {
-      this.setState({
-        focused: true
-      });
-    }
-  }, {
-    key: "handleBlur",
-    value: function handleBlur() {
-      this.setState({
-        focused: false
-      });
-    }
   }]);
   return CaptchaInput;
 }(_react.default.Component);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "auth0-lock",
-  "version": "12.0.1",
+  "version": "12.1.0",
   "description": "Auth0 Lock",
   "author": "Auth0 <support@auth0.com> (http://auth0.com)",
   "license": "MIT",
@@ -60,7 +60,7 @@
     "@babel/plugin-syntax-import-meta": "^7.0.0",
     "@babel/preset-env": "^7.0.0",
     "@babel/preset-react": "^7.0.0",
-    "@cfaester/enzyme-adapter-react-18": "^0.6.0",
+    "@cfaester/enzyme-adapter-react-18": "^0.7.0",
     "@google-cloud/translate": "^6.0.2",
     "babel-eslint": "^9.0.0",
     "babel-jest": "^29.3.1",
@@ -70,7 +70,6 @@
     "babel-plugin-version-inline": "^1.0.0",
     "babelify": "^10.0.0",
     "browserify": "^17.0.0",
-    "bump-version": "^0.5.0",
     "chalk": "^4.1.2",
     "core-js": "^3.26.1",
     "cross-env": "^7.0.3",
@@ -82,6 +81,7 @@
     "eslint-config-prettier": "^8.3.0",
     "eslint-plugin-react": "^7.4.0",
     "esm": "^3.2.25",
+    "events": "^3.3.0",
     "expect.js": "^0.3.1",
     "flat": "^5.0.2",
     "glob": "^7.1.7",
@@ -113,9 +113,8 @@
     "react-test-renderer": "^18.2.0",
     "sinon": "^1.15.4",
     "stylus": "^0.59.0",
-    "stylus-loader": "^2.3.1",
+    "stylus-loader": "^3.0.2",
     "tmp": "^0.2.1",
-    "uglify-js": "^2.7.4",
     "unminified-webpack-plugin": "^3.0.0",
     "unreleased": "^0.1.0",
     "watchify": "^4.0.0",
@@ -124,7 +123,7 @@
     "webpack-dev-server": "^4.11.1"
   },
   "dependencies": {
-    "auth0-js": "^9.20.0",
+    "auth0-js": "^9.22.0",
     "auth0-password-policies": "^1.0.2",
     "blueimp-md5": "^2.19.0",
     "classnames": "^2.3.2",

package/.github/ISSUE_TEMPLATE/report_a_bug.md

@@ -1,57 +0,0 @@
----
-name: Report a bug
-about: Have you found a bug or issue? Create a bug report for this SDK
-title: ''
-labels: bug report
-assignees: ''
----
-
-<!--
-**Please do not report security vulnerabilities here**. The Responsible Disclosure Program (https://auth0.com/whitehat) details the procedure for disclosing security issues.
-
-Thank you in advance for helping us to improve this library! Please read through the template below and answer all relevant questions. Your additional work here is greatly appreciated and will help us respond as quickly as possible. For general support or usage questions, use the Auth0 Community (https://community.auth0.com/) or Auth0 Support (https://support.auth0.com/). Finally, to avoid duplicates, please search existing Issues before submitting one here.
-
-By submitting an Issue to this repository, you agree to the terms within the Auth0 Code of Conduct (https://github.com/auth0/open-source-template/blob/master/CODE-OF-CONDUCT.md).
--->
-
-:warning: **Note:** We are no longer supporting requests for new features. Only requests for bug fixes or security patches will be considered.
-
-### Describe the problem
-
-<!--
-> Provide a clear and concise description of the issue
--->
-
-### What was the expected behavior?
-
-<!--
-> Tell us about the behavior you expected to see
--->
-
-### Reproduction
-<!--
-> Detail the steps taken to reproduce this error, and whether this issue can be reproduced consistently or if it is intermittent.
-> **Note**: If clear, reproducable steps or the smallest sample app demonstrating misbehavior cannot be provided, we may not be able to follow up on this bug report.
-
-> Where possible, please include:
->
-> - The smallest possible sample app that reproduces the undesirable behavior
-> - Log files (redact/remove sensitive information)
-> - Application settings (redact/remove sensitive information)
-> - Screenshots
--->
-
-- Step 1..
-- Step 2..
-- ...
-
-### Environment
-
-<!--
-> Please provide the following:
--->
-
-- **Version of this library used:**
-- **Which framework are you using, if applicable:**
-- **Other modules/plugins/libraries that might be involved:**
-- **Any other relevant information you think would be useful:**