auth0-lock 11.34.2 → 12.0.0-beta.0

package/lib/connection/database/login_pane.js

@@ -1,165 +1,125 @@
-'use strict';
-
-exports.__esModule = true;
-
-var _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _email_pane = require('../../field/email/email_pane');
-
-var _email_pane2 = _interopRequireDefault(_email_pane);
-
-var _username_pane = require('../../field/username/username_pane');
-
-var _username_pane2 = _interopRequireDefault(_username_pane);
-
-var _password_pane = require('../../field/password/password_pane');
-
-var _password_pane2 = _interopRequireDefault(_password_pane);
-
-var _actions = require('./actions');
-
-var _captcha = require('../captcha');
-
-var _index = require('./index');
-
-var _index2 = require('../../core/index');
-
-var l = _interopRequireWildcard(_index2);
-
-var _captcha_pane = require('../../field/captcha/captcha_pane');
-
-var _captcha_pane2 = _interopRequireDefault(_captcha_pane);
-
-var _classic = require('../../engine/classic');
-
-var _enterprise = require('../enterprise');
-
-var _database = require('../database');
-
-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";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = _interopRequireDefault(require("react"));
+var _email_pane = _interopRequireDefault(require("../../field/email/email_pane"));
+var _username_pane = _interopRequireDefault(require("../../field/username/username_pane"));
+var _password_pane = _interopRequireDefault(require("../../field/password/password_pane"));
+var _actions = require("./actions");
+var _captcha = require("../captcha");
+var _index = require("./index");
+var l = _interopRequireWildcard(require("../../core/index"));
+var _captcha_pane = _interopRequireDefault(require("../../field/captcha/captcha_pane"));
+var _classic = require("../../engine/classic");
+var _enterprise = require("../enterprise");
+var _database = require("../database");
+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 _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 _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; }
-
-var LoginPane = 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 _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); }
+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 LoginPane = /*#__PURE__*/function (_React$Component) {
   _inherits(LoginPane, _React$Component);
-
+  var _super = _createSuper(LoginPane);
   function LoginPane() {
-    var _temp, _this, _ret;
-
+    var _this;
     _classCallCheck(this, LoginPane);
-
-    for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
-    return _ret = (_temp = (_this = _possibleConstructorReturn(this, _React$Component.call.apply(_React$Component, [this].concat(args))), _this), _this.handleDontRememberPasswordClick = function (e) {
+    _this = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "handleDontRememberPasswordClick", function (e) {
       e.preventDefault();
       (0, _actions.showResetPasswordActivity)(l.id(_this.props.lock));
-    }, _temp), _possibleConstructorReturn(_this, _ret);
-  }
-
-  LoginPane.prototype.render = function render() {
-    var _props = this.props,
-        emailInputPlaceholder = _props.emailInputPlaceholder,
-        forgotPasswordAction = _props.forgotPasswordAction,
-        i18n = _props.i18n,
-        instructions = _props.instructions,
-        lock = _props.lock,
-        passwordInputPlaceholder = _props.passwordInputPlaceholder,
-        showForgotPasswordLink = _props.showForgotPasswordLink,
-        showPassword = _props.showPassword,
-        usernameInputPlaceholder = _props.usernameInputPlaceholder,
-        usernameStyle = _props.usernameStyle;
-
-
-    var headerText = instructions || null;
-    var header = headerText && _react2.default.createElement(
-      'p',
-      null,
-      headerText
-    );
-    var resolver = l.connectionResolver(lock);
-    var sso = (0, _classic.isSSOEnabled)(lock);
-
-    // Should never validate format on login because of custom db connection and import mode.
-    // If a custom resolver is in use, always use UsernamePane without validating format,
-    // as the target connection (and this validation rules) could change by time the user hits 'submit'.
-    var fieldPane = usernameStyle === 'email' && resolver === undefined ? _react2.default.createElement(_email_pane2.default, {
-      i18n: i18n,
-      lock: lock,
-      forceInvalidVisibility: !showPassword,
-      placeholder: emailInputPlaceholder,
-      strictValidation: false
-    }) : _react2.default.createElement(_username_pane2.default, {
-      i18n: i18n,
-      lock: lock,
-      placeholder: usernameInputPlaceholder,
-      usernameStyle: usernameStyle,
-      validateFormat: false,
-      strictValidation: false
     });
-
-    var captchaPane = l.captcha(lock) && l.captcha(lock).get('required') && ((0, _enterprise.isHRDDomain)(lock, (0, _database.databaseUsernameValue)(lock)) || !sso) ? _react2.default.createElement(_captcha_pane2.default, { i18n: i18n, lock: lock, onReload: function onReload() {
-        return (0, _captcha.swapCaptcha)(l.id(lock), false);
-      } }) : null;
-
-    var dontRememberPassword = showForgotPasswordLink && (0, _index.hasScreen)(lock, 'forgotPassword') ? _react2.default.createElement(
-      'p',
-      { className: 'auth0-lock-alternative' },
-      _react2.default.createElement(
-        'a',
-        {
-          className: 'auth0-lock-alternative-link',
-          href: (0, _index.forgotPasswordLink)(lock, '#'),
-          onClick: (0, _index.forgotPasswordLink)(lock) ? undefined : this.handleDontRememberPasswordClick
-        },
-        forgotPasswordAction
-      )
-    ) : null;
-
-    return _react2.default.createElement(
-      'div',
-      null,
-      header,
-      fieldPane,
-      _react2.default.createElement(_password_pane2.default, {
+    return _this;
+  }
+  _createClass(LoginPane, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        emailInputPlaceholder = _this$props.emailInputPlaceholder,
+        forgotPasswordAction = _this$props.forgotPasswordAction,
+        i18n = _this$props.i18n,
+        instructions = _this$props.instructions,
+        lock = _this$props.lock,
+        passwordInputPlaceholder = _this$props.passwordInputPlaceholder,
+        showForgotPasswordLink = _this$props.showForgotPasswordLink,
+        showPassword = _this$props.showPassword,
+        usernameInputPlaceholder = _this$props.usernameInputPlaceholder,
+        usernameStyle = _this$props.usernameStyle;
+      var headerText = instructions || null;
+      var header = headerText && /*#__PURE__*/_react.default.createElement("p", null, headerText);
+      var resolver = l.connectionResolver(lock);
+      var sso = (0, _classic.isSSOEnabled)(lock);
+
+      // Should never validate format on login because of custom db connection and import mode.
+      // If a custom resolver is in use, always use UsernamePane without validating format,
+      // as the target connection (and this validation rules) could change by time the user hits 'submit'.
+      var fieldPane = usernameStyle === 'email' && resolver === undefined ? /*#__PURE__*/_react.default.createElement(_email_pane.default, {
+        i18n: i18n,
+        lock: lock,
+        forceInvalidVisibility: !showPassword,
+        placeholder: emailInputPlaceholder,
+        strictValidation: false
+      }) : /*#__PURE__*/_react.default.createElement(_username_pane.default, {
+        i18n: i18n,
+        lock: lock,
+        placeholder: usernameInputPlaceholder,
+        usernameStyle: usernameStyle,
+        validateFormat: false,
+        strictValidation: false
+      });
+      var captchaPane = l.captcha(lock) && l.captcha(lock).get('required') && ((0, _enterprise.isHRDDomain)(lock, (0, _database.databaseUsernameValue)(lock)) || !sso) ? /*#__PURE__*/_react.default.createElement(_captcha_pane.default, {
+        i18n: i18n,
+        lock: lock,
+        onReload: function onReload() {
+          return (0, _captcha.swapCaptcha)(l.id(lock), false);
+        }
+      }) : null;
+      var dontRememberPassword = showForgotPasswordLink && (0, _index.hasScreen)(lock, 'forgotPassword') ? /*#__PURE__*/_react.default.createElement("p", {
+        className: "auth0-lock-alternative"
+      }, /*#__PURE__*/_react.default.createElement("a", {
+        className: "auth0-lock-alternative-link",
+        href: (0, _index.forgotPasswordLink)(lock, '#'),
+        onClick: (0, _index.forgotPasswordLink)(lock) ? undefined : this.handleDontRememberPasswordClick
+      }, forgotPasswordAction)) : null;
+      return /*#__PURE__*/_react.default.createElement("div", null, header, fieldPane, /*#__PURE__*/_react.default.createElement(_password_pane.default, {
         i18n: i18n,
         lock: lock,
         placeholder: passwordInputPlaceholder,
         hidden: !showPassword
-      }),
-      captchaPane,
-      dontRememberPassword
-    );
-  };
-
+      }), captchaPane, dontRememberPassword);
+    }
+  }]);
   return LoginPane;
-}(_react2.default.Component);
-
+}(_react.default.Component);
 exports.default = LoginPane;
-
-
 LoginPane.propTypes = {
-  emailInputPlaceholder: _propTypes2.default.string.isRequired,
-  forgotPasswordAction: _propTypes2.default.string.isRequired,
-  i18n: _propTypes2.default.object.isRequired,
-  instructions: _propTypes2.default.any,
-  lock: _propTypes2.default.object.isRequired,
-  passwordInputPlaceholder: _propTypes2.default.string.isRequired,
-  showForgotPasswordLink: _propTypes2.default.bool.isRequired,
-  showPassword: _propTypes2.default.bool.isRequired,
-  usernameInputPlaceholder: _propTypes2.default.string.isRequired,
-  usernameStyle: _propTypes2.default.oneOf(['any', 'email', 'username'])
+  emailInputPlaceholder: _propTypes.default.string.isRequired,
+  forgotPasswordAction: _propTypes.default.string.isRequired,
+  i18n: _propTypes.default.object.isRequired,
+  instructions: _propTypes.default.any,
+  lock: _propTypes.default.object.isRequired,
+  passwordInputPlaceholder: _propTypes.default.string.isRequired,
+  showForgotPasswordLink: _propTypes.default.bool.isRequired,
+  showPassword: _propTypes.default.bool.isRequired,
+  usernameInputPlaceholder: _propTypes.default.string.isRequired,
+  usernameStyle: _propTypes.default.oneOf(['any', 'email', 'username'])
 };

package/lib/connection/database/login_sign_up_tabs.js

@@ -1,147 +1,128 @@
-'use strict';
-
-exports.__esModule = true;
-
-var _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _actions = require('./actions');
-
-var _index = require('../../core/index');
-
-var l = _interopRequireWildcard(_index);
-
-var _index2 = require('./index');
-
-var _actions2 = require('../../core/actions');
-
-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 _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = _interopRequireDefault(require("react"));
+var _actions = require("./actions");
+var l = _interopRequireWildcard(require("../../core/index"));
+var _index2 = require("./index");
+var _actions2 = require("../../core/actions");
+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 _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 _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; }
-
-var LoginSignUpTabs = 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 LoginSignUpTabs = /*#__PURE__*/function (_React$Component) {
   _inherits(LoginSignUpTabs, _React$Component);
-
+  var _super = _createSuper(LoginSignUpTabs);
   function LoginSignUpTabs() {
     _classCallCheck(this, LoginSignUpTabs);
-
-    return _possibleConstructorReturn(this, _React$Component.apply(this, arguments));
+    return _super.apply(this, arguments);
   }
-
-  LoginSignUpTabs.prototype.render = function render() {
-    var _props = this.props,
-        lock = _props.lock,
-        loginLabel = _props.loginLabel,
-        signUpLink = _props.signUpLink,
-        signUpLabel = _props.signUpLabel;
-
-    var isLogin = (0, _index2.getScreen)(lock) === 'login';
-
-    return _react2.default.createElement(
-      'div',
-      { role: 'navigation', className: 'auth0-lock-tabs-container' },
-      _react2.default.createElement(
-        'ul',
-        { className: 'auth0-lock-tabs' },
-        _react2.default.createElement(LoginSignUpTab, {
-          label: loginLabel,
-          current: isLogin,
-          clickHandler: this.handleLoginClick.bind(this)
-        }),
-        _react2.default.createElement(LoginSignUpTab, {
-          label: signUpLabel,
-          current: !isLogin,
-          clickHandler: this.handleSignUpClick.bind(this),
-          clickWithHrefHandler: this.handleSignUpWithHrefClick.bind(this),
-          href: signUpLink
-        })
-      )
-    );
-  };
-
-  LoginSignUpTabs.prototype.handleLoginClick = function handleLoginClick() {
-    (0, _actions.showLoginActivity)(l.id(this.props.lock));
-  };
-
-  LoginSignUpTabs.prototype.handleSignUpClick = function handleSignUpClick() {
-    if (this.props.signUpLink) {
+  _createClass(LoginSignUpTabs, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        lock = _this$props.lock,
+        loginLabel = _this$props.loginLabel,
+        signUpLink = _this$props.signUpLink,
+        signUpLabel = _this$props.signUpLabel;
+      var isLogin = (0, _index2.getScreen)(lock) === 'login';
+      return /*#__PURE__*/_react.default.createElement("div", {
+        role: "navigation",
+        className: "auth0-lock-tabs-container"
+      }, /*#__PURE__*/_react.default.createElement("ul", {
+        className: "auth0-lock-tabs"
+      }, /*#__PURE__*/_react.default.createElement(LoginSignUpTab, {
+        label: loginLabel,
+        current: isLogin,
+        clickHandler: this.handleLoginClick.bind(this)
+      }), /*#__PURE__*/_react.default.createElement(LoginSignUpTab, {
+        label: signUpLabel,
+        current: !isLogin,
+        clickHandler: this.handleSignUpClick.bind(this),
+        clickWithHrefHandler: this.handleSignUpWithHrefClick.bind(this),
+        href: signUpLink
+      })));
+    }
+  }, {
+    key: "handleLoginClick",
+    value: function handleLoginClick() {
+      (0, _actions.showLoginActivity)(l.id(this.props.lock));
+    }
+  }, {
+    key: "handleSignUpClick",
+    value: function handleSignUpClick() {
+      if (this.props.signUpLink) {
+        (0, _actions2.closeLock)(l.id(this.props.lock), true);
+      }
+      (0, _actions.showSignUpActivity)(l.id(this.props.lock));
+    }
+  }, {
+    key: "handleSignUpWithHrefClick",
+    value: function handleSignUpWithHrefClick() {
       (0, _actions2.closeLock)(l.id(this.props.lock), true);
     }
-    (0, _actions.showSignUpActivity)(l.id(this.props.lock));
-  };
-
-  LoginSignUpTabs.prototype.handleSignUpWithHrefClick = function handleSignUpWithHrefClick() {
-    (0, _actions2.closeLock)(l.id(this.props.lock), true);
-  };
-
+  }]);
   return LoginSignUpTabs;
-}(_react2.default.Component);
-
+}(_react.default.Component);
 exports.default = LoginSignUpTabs;
-
-
 LoginSignUpTabs.propTypes = {
-  lock: _propTypes2.default.object.isRequired,
-  loginLabel: _propTypes2.default.string.isRequired,
-  signUpLabel: _propTypes2.default.string.isRequired,
-  signUpLink: _propTypes2.default.string
+  lock: _propTypes.default.object.isRequired,
+  loginLabel: _propTypes.default.string.isRequired,
+  signUpLabel: _propTypes.default.string.isRequired,
+  signUpLink: _propTypes.default.string
 };
-
-var LoginSignUpTab = function (_React$Component2) {
+var LoginSignUpTab = /*#__PURE__*/function (_React$Component2) {
   _inherits(LoginSignUpTab, _React$Component2);
-
+  var _super2 = _createSuper(LoginSignUpTab);
   function LoginSignUpTab() {
-    var _temp, _this2, _ret;
-
+    var _this;
     _classCallCheck(this, LoginSignUpTab);
-
-    for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
-    return _ret = (_temp = (_this2 = _possibleConstructorReturn(this, _React$Component2.call.apply(_React$Component2, [this].concat(args))), _this2), _this2.handleClick = function (e) {
-      if (_this2.props.href) {
-        _this2.props.clickWithHrefHandler();
+    _this = _super2.call.apply(_super2, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "handleClick", function (e) {
+      if (_this.props.href) {
+        _this.props.clickWithHrefHandler();
       } else {
         e.preventDefault();
-        _this2.props.clickHandler();
+        _this.props.clickHandler();
       }
-    }, _temp), _possibleConstructorReturn(_this2, _ret);
+    });
+    return _this;
   }
-
-  LoginSignUpTab.prototype.render = function render() {
-    var _props2 = this.props,
-        current = _props2.current,
-        href = _props2.href,
-        label = _props2.label;
-
-    var className = current ? 'auth0-lock-tabs-current' : '';
-
-    return _react2.default.createElement(
-      'li',
-      { className: className },
-      current ? _react2.default.createElement(
-        'span',
-        null,
-        label
-      ) : _react2.default.createElement(
-        'a',
-        { href: href || '#', onClick: this.handleClick },
-        label
-      )
-    );
-  };
-
+  _createClass(LoginSignUpTab, [{
+    key: "render",
+    value: function render() {
+      var _this$props2 = this.props,
+        current = _this$props2.current,
+        href = _this$props2.href,
+        label = _this$props2.label;
+      var className = current ? 'auth0-lock-tabs-current' : '';
+      return /*#__PURE__*/_react.default.createElement("li", {
+        className: className
+      }, current ? /*#__PURE__*/_react.default.createElement("span", null, label) : /*#__PURE__*/_react.default.createElement("a", {
+        href: href || '#',
+        onClick: this.handleClick
+      }, label));
+    }
+  }]);
   return LoginSignUpTab;
-}(_react2.default.Component);
+}(_react.default.Component);