auth0-lock 11.30.5 → 11.32.0

package/lib/__tests__/connection/database/login_pane.js

@@ -0,0 +1,93 @@
+'use strict';
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _immutable = require('immutable');
+
+var _immutable2 = _interopRequireDefault(_immutable);
+
+var _testUtils = require('testUtils');
+
+var _login_pane = require('../../../connection/database/login_pane');
+
+var _login_pane2 = _interopRequireDefault(_login_pane);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _asyncToGenerator(fn) { return function () { var gen = fn.apply(this, arguments); return new Promise(function (resolve, reject) { function step(key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { return Promise.resolve(value).then(function (value) { step("next", value); }, function (err) { step("throw", err); }); } } return step("next"); }); }; }
+
+var lock = _immutable2.default.fromJS({ id: '__lock-id__' });
+
+jest.mock('core/index');
+
+jest.mock('engine/classic');
+jest.mock('connection/enterprise');
+
+describe('LoginPane', function () {
+  var defaultProps = {
+    emailInputPlaceholder: '',
+    forgotPasswordAction: '',
+    i18n: {},
+    passwordInputPlaceholder: '',
+    showForgotPasswordLink: true,
+    showPassword: true,
+    usernameInputPlaceholder: '',
+    lock: lock
+  };
+
+  beforeEach(function () {
+    jest.resetAllMocks();
+  });
+
+  it('renders correctly', _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
+    return regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            (0, _testUtils.expectShallowComponent)(_react2.default.createElement(_login_pane2.default, defaultProps)).toMatchSnapshot();
+
+          case 1:
+          case 'end':
+            return _context.stop();
+        }
+      }
+    }, _callee, undefined);
+  })));
+
+  it('renders a captcha', function () {
+    require('core/index').captcha.mockReturnValue({
+      get: function get() {
+        return true;
+      }
+    });
+
+    (0, _testUtils.expectShallowComponent)(_react2.default.createElement(_login_pane2.default, defaultProps)).toMatchSnapshot();
+  });
+
+  it('hides the captcha for SSO connections', function () {
+    require('core/index').captcha.mockReturnValue({
+      get: function get() {
+        return true;
+      }
+    });
+
+    require('engine/classic').isSSOEnabled.mockReturnValue(true);
+
+    (0, _testUtils.expectShallowComponent)(_react2.default.createElement(_login_pane2.default, defaultProps)).toMatchSnapshot();
+  });
+
+  it('shows the captcha for SSO (ADFS) connections', function () {
+    require('core/index').captcha.mockReturnValue({
+      get: function get() {
+        return true;
+      }
+    });
+
+    require('engine/classic').isSSOEnabled.mockReturnValue(true);
+    require('connection/enterprise').isHRDDomain.mockReturnValue(true);
+
+    (0, _testUtils.expectShallowComponent)(_react2.default.createElement(_login_pane2.default, defaultProps)).toMatchSnapshot();
+  });
+});

package/lib/__tests__/connection/database/reset_password.js

@@ -4,15 +4,30 @@ var _react = require('react');
 
 var _react2 = _interopRequireDefault(_react);
 
-var _enzyme = require('enzyme');
+var _testUtils = require('testUtils');
+
+var _immutable = require('immutable');
+
+var _immutable2 = _interopRequireDefault(_immutable);
+
+var _field = require('../../../field');
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+jest.mock('connection/database/reset_password_pane', function () {
+  return (0, _testUtils.mockComponent)('reset_password_pane');
+});
+
 var getScreen = function getScreen() {
   var ResetPasswordScreen = require('connection/database/reset_password').default;
   return new ResetPasswordScreen();
 };
 
+var getComponent = function getComponent() {
+  var screen = getScreen();
+  return screen.render();
+};
+
 describe('ResetPasswordScreen', function () {
   beforeEach(function () {
     jest.resetModules();
@@ -35,9 +50,11 @@ describe('ResetPasswordScreen', function () {
     });
 
     jest.mock('i18n', function () {
-      return { str: function str(_, keys) {
+      return {
+        str: function str(_, keys) {
           return keys.join(',');
-        } };
+        }
+      };
     });
 
     jest.mock('core/index', function () {
@@ -46,7 +63,16 @@ describe('ResetPasswordScreen', function () {
           return 'id';
         },
         setGlobalError: 'setGlobalError',
-        clearGlobalError: 'clearGlobalError'
+        clearGlobalError: 'clearGlobalError',
+        connectionResolver: jest.fn().mockReturnValue(undefined),
+        ui: {
+          allowAutocomplete: function allowAutocomplete() {
+            return false;
+          }
+        },
+        submitting: function submitting() {
+          return false;
+        }
       };
     });
 
@@ -57,6 +83,7 @@ describe('ResetPasswordScreen', function () {
       };
     });
   });
+
   it('isSubmitDisabled returns true when `isEnterpriseDomain` is true', function () {
     jest.useFakeTimers();
     require('connection/enterprise').isEnterpriseDomain = function () {
@@ -67,6 +94,7 @@ describe('ResetPasswordScreen', function () {
     jest.runTimersToTime(50);
     expect(require('store/index').swap.mock.calls[0]).toMatchSnapshot();
   });
+
   it('isSubmitDisabled returns false when `isEnterpriseDomain` is false', function () {
     require('connection/enterprise').isEnterpriseDomain = function () {
       return false;
@@ -75,4 +103,54 @@ describe('ResetPasswordScreen', function () {
     expect(screen.isSubmitDisabled()).toBe(false);
     expect(require('store/index').swap.mock.calls[0]).toMatchSnapshot();
   });
+
+  describe('a custom connection resolver is being used', function () {
+    var lock = void 0;
+    var i18n = void 0;
+
+    beforeEach(function () {
+      lock = _immutable2.default.fromJS({
+        id: '__lock-id__'
+      });
+
+      i18n = {
+        html: jest.fn(),
+        str: jest.fn()
+      };
+    });
+
+    it('copies the username to the email field if an email address was entered', function () {
+      require('core/index').connectionResolver.mockReturnValue(function () {
+        return function () {
+          return true;
+        };
+      });
+      var store = require('store/index');
+      var Component = getComponent();
+
+      // Set a field on Lock to set the username field, then check it was set as the email
+      var l = (0, _field.setField)(lock, 'username', 'test@test.com');
+
+      (0, _testUtils.expectComponent)(_react2.default.createElement(Component, { i18n: i18n, model: l })).toMatchSnapshot();
+
+      expect(store.swap).toHaveBeenCalledWith('updateEntity', 'lock', 'id', expect.anything(), 'test@test.com', false);
+    });
+
+    it('sets the email field to a blank value if username is not an email address', function () {
+      require('core/index').connectionResolver.mockReturnValue(function () {
+        return function () {
+          return true;
+        };
+      });
+      var store = require('store/index');
+      var Component = getComponent();
+
+      // Set a field on Lock to set the username field, then check it was set as the email
+      var l = (0, _field.setField)(lock, 'username', 'some-username');
+
+      (0, _testUtils.expectComponent)(_react2.default.createElement(Component, { i18n: i18n, model: l })).toMatchSnapshot();
+
+      expect(store.swap).toHaveBeenCalledWith('updateEntity', 'lock', 'id', expect.anything(), '', false);
+    });
+  });
 });

package/lib/__tests__/connection/enterprise/actions.js

@@ -20,7 +20,8 @@ jest.mock('connection/database/index', function () {
   return {
     databaseLogInWithEmail: jest.fn(function () {
       return true;
-    })
+    }),
+    databaseUsernameValue: jest.fn()
   };
 });
 
@@ -39,7 +40,8 @@ jest.mock('connection/enterprise', function () {
   return {
     matchConnection: jest.fn(),
     enterpriseActiveFlowConnection: jest.fn(),
-    isHRDActive: jest.fn()
+    isHRDActive: jest.fn(),
+    isEnterpriseDomain: jest.fn()
   };
 });
 
@@ -87,6 +89,27 @@ describe('Login with connection scopes', function () {
         login_hint: 'test@test.com'
       });
     });
+
+    it('should not throw an error if the captcha was not completed', function () {
+      lock = l.setup('__lock__', 'client', 'domain', {});
+      lock = (0, _index2.setField)(lock, 'email', 'test@test.com');
+
+      // This will be specified in the response from the /challenge endpoint if the
+      // dashboard settings have Captcha as 'required', regardless of connection being used.
+      lock = l.setCaptcha(lock, {
+        required: true,
+        provider: 'recaptcha_v2'
+      });
+
+      require('store/index').read.mockReturnValue(lock);
+
+      require('connection/enterprise').matchConnection.mockReturnValue(_immutable2.default.fromJS({ name: 'sso-connection' }));
+
+      var coreActions = require('core/actions');
+
+      (0, _actions.logIn)('__lock__');
+      expect(coreActions.logIn).toHaveBeenCalled();
+    });
   });
 
   describe('for a non-SSO connection', function () {

package/lib/__tests__/engine/classic/login.js

@@ -4,8 +4,6 @@ var _react = require('react');
 
 var _react2 = _interopRequireDefault(_react);
 
-var _enzyme = require('enzyme');
-
 var _testUtils = require('testUtils');
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/__tests__/engine/classic/sign_up_pane.js

@@ -6,10 +6,10 @@ var _react = require('react');
 
 var _react2 = _interopRequireDefault(_react);
 
-var _enzyme = require('enzyme');
-
 var _testUtils = require('testUtils');
 
+var _testUtils2 = require('../../testUtils');
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 jest.mock('field/email/email_pane', function () {
@@ -25,6 +25,24 @@ jest.mock('field/custom_input', function () {
   return (0, _testUtils.mockComponent)('custom_input');
 });
 
+jest.mock('core/index', function () {
+  return {
+    captcha: jest.fn()
+  };
+});
+
+jest.mock('engine/classic', function () {
+  return {
+    isSSOEnabled: jest.fn()
+  };
+});
+
+jest.mock('connection/enterprise', function () {
+  return {
+    isHRDDomain: jest.fn()
+  };
+});
+
 var getComponent = function getComponent() {
   return require('engine/classic/sign_up_pane').default;
 };
@@ -46,6 +64,9 @@ describe('SignUpPane', function () {
         },
         signUpFieldsStrictValidation: function signUpFieldsStrictValidation() {
           return true;
+        },
+        databaseUsernameValue: function databaseUsernameValue() {
+          return null;
         }
       };
     });
@@ -85,6 +106,50 @@ describe('SignUpPane', function () {
 
     (0, _testUtils.expectComponent)(_react2.default.createElement(Component, _extends({}, defaultProps, { instructions: 'instructions' }))).toMatchSnapshot();
   });
+
+  it('shows the Captcha pane', function () {
+    require('core/index').captcha.mockReturnValue({
+      get: function get() {
+        return true;
+      }
+    });
+
+    require('engine/classic').isSSOEnabled.mockReturnValue(false);
+
+    var Component = getComponent();
+
+    (0, _testUtils2.expectShallowComponent)(_react2.default.createElement(Component, defaultProps)).toMatchSnapshot();
+  });
+
+  it('hides the Captcha pane for SSO connections', function () {
+    require('core/index').captcha.mockReturnValue({
+      get: function get() {
+        return true;
+      }
+    });
+
+    require('engine/classic').isSSOEnabled.mockReturnValue(true);
+
+    var Component = getComponent();
+
+    (0, _testUtils2.expectShallowComponent)(_react2.default.createElement(Component, defaultProps)).toMatchSnapshot();
+  });
+
+  it('shows the Captcha pane for SSO (ADFS) connections', function () {
+    require('core/index').captcha.mockReturnValue({
+      get: function get() {
+        return true;
+      }
+    });
+
+    require('engine/classic').isSSOEnabled.mockReturnValue(true);
+    require('connection/enterprise').isHRDDomain.mockReturnValue(true);
+
+    var Component = getComponent();
+
+    (0, _testUtils2.expectShallowComponent)(_react2.default.createElement(Component, defaultProps)).toMatchSnapshot();
+  });
+
   describe('onlyEmail is false', function () {
     it('shows PasswordPane', function () {
       var Component = getComponent();

package/lib/__tests__/testUtils.js

@@ -1,7 +1,7 @@
 'use strict';
 
 exports.__esModule = true;
-exports.expectMockToMatch = exports.setURL = exports.extractPropsFromWrapper = exports.mockComponent = exports.expectComponent = undefined;
+exports.expectMockToMatch = exports.setURL = exports.extractPropsFromWrapper = exports.mockComponent = exports.renderShallowComponent = exports.expectShallowComponent = exports.expectComponent = undefined;
 
 var _extends = Object.assign || 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; };
 
@@ -13,6 +13,10 @@ var _reactTestRenderer = require('react-test-renderer');
 
 var _reactTestRenderer2 = _interopRequireDefault(_reactTestRenderer);
 
+var _shallow = require('react-test-renderer/shallow');
+
+var _shallow2 = _interopRequireDefault(_shallow);
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; } // eslint-disable-line
@@ -23,6 +27,18 @@ var expectComponent = exports.expectComponent = function expectComponent(childre
   return expect(component);
 };
 
+var expectShallowComponent = exports.expectShallowComponent = function expectShallowComponent(children) {
+  var component = renderShallowComponent(children);
+  return expect(component);
+};
+
+var renderShallowComponent = exports.renderShallowComponent = function renderShallowComponent(children) {
+  var renderer = new _shallow2.default();
+
+  renderer.render(children);
+  return renderer.getRenderOutput();
+};
+
 var addDataToProps = function addDataToProps(props) {
   var returnedProps = {};
   Object.keys(props).forEach(function (k) {

package/lib/__tests__/ui/box/chrome.js

@@ -10,8 +10,6 @@ var _immutable = require('immutable');
 
 var _immutable2 = _interopRequireDefault(_immutable);
 
-var _reactTestRenderer = require('react-test-renderer');
-
 var _testUtils = require('testUtils');
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -44,6 +42,12 @@ jest.mock('core/index', function () {
   return {
     handleEvent: jest.fn(function (_, event, fn) {
       mockEventRegister[event] = fn;
+    }),
+    ui: {
+      forceAutoHeight: jest.fn().mockReturnValue(false)
+    },
+    id: jest.fn(function () {
+      return 'lock';
     })
   };
 });
@@ -113,4 +117,16 @@ describe('Chrome', function () {
 
     (0, _testUtils.expectComponent)(_react2.default.createElement(Chrome, props)).toMatchSnapshot();
   });
+
+  it('adds the auto-height class when forceAutoHeight UI prop is true', function () {
+    require('core/index').ui.forceAutoHeight.mockReturnValue(true);
+
+    var props = _extends({}, defaultProps, {
+      info: 'This is an information message',
+      success: 'This is a success message',
+      error: 'There is an error'
+    });
+
+    (0, _testUtils.expectComponent)(_react2.default.createElement(Chrome, props)).toMatchSnapshot();
+  });
 });

package/lib/__tests__/ui/input/password_input.js

@@ -29,7 +29,10 @@ jest.mock('core/index', function () {
       allowPasswordAutocomplete: function allowPasswordAutocomplete() {
         return false;
       }
-    }
+    },
+    id: jest.fn(function () {
+      return 'lock';
+    })
   };
 });
 

package/lib/browser.js

@@ -19,14 +19,16 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  * the package.json file points to index.js.
  */
 
-if (typeof window.define == 'function' && window.define.amd) {
-  window.define('auth0Lock', function () {
-    return _index2.default;
-  });
-  window.define('auth0LockPasswordless', function () {
-    return _passwordless2.default;
-  });
-} else if (window.window) {
-  window.Auth0Lock = _index2.default;
-  window.Auth0LockPasswordless = _passwordless2.default;
+if (typeof window !== 'undefined') {
+  if (typeof window.define == 'function' && window.define.amd) {
+    window.define('auth0Lock', function () {
+      return _index2.default;
+    });
+    window.define('auth0LockPasswordless', function () {
+      return _passwordless2.default;
+    });
+  } else if (window.window) {
+    window.Auth0Lock = _index2.default;
+    window.Auth0LockPasswordless = _passwordless2.default;
+  }
 }

package/lib/connection/captcha.js

@@ -0,0 +1,94 @@
+'use strict';
+
+exports.__esModule = true;
+exports.showMissingCaptcha = showMissingCaptcha;
+exports.setCaptchaParams = setCaptchaParams;
+exports.swapCaptcha = swapCaptcha;
+
+var _index = require('../core/index');
+
+var l = _interopRequireWildcard(_index);
+
+var _index2 = require('../field/index');
+
+var c = _interopRequireWildcard(_index2);
+
+var _i18n = require('../i18n');
+
+var i18n = _interopRequireWildcard(_i18n);
+
+var _index3 = require('../store/index');
+
+var _web_api = require('../core/web_api');
+
+var _web_api2 = _interopRequireDefault(_web_api);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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; } }
+
+/**
+ * Display the error message of missing captcha in the header of lock.
+ *
+ * @param {Object} m model
+ * @param {Number} id
+ */
+function showMissingCaptcha(m, id) {
+  var captchaConfig = l.captcha(m);
+
+  var captchaError = captchaConfig.get('provider') === 'recaptcha_v2' ? 'invalid_recaptcha' : 'invalid_captcha';
+
+  var errorMessage = i18n.html(m, ['error', 'login', captchaError]);
+
+  (0, _index3.swap)(_index3.updateEntity, 'lock', id, function (m) {
+    m = l.setSubmitting(m, false, errorMessage);
+    return c.showInvalidField(m, 'captcha');
+  });
+
+  return m;
+}
+
+/**
+ * Set the captcha value in the fields object before sending the request.
+ *
+ * @param {Object} m model
+ * @param {Object} params
+ * @param {Object} fields
+ *
+ * @returns {Boolean} returns true if is required and missing the response from the user
+ */
+function setCaptchaParams(m, params, fields) {
+  var captchaConfig = l.captcha(m);
+  var isCaptchaRequired = captchaConfig && l.captcha(m).get('required');
+
+  if (!isCaptchaRequired) {
+    return true;
+  }
+  var captcha = c.getFieldValue(m, 'captcha');
+  //captcha required and missing
+  if (!captcha) {
+    return false;
+  }
+
+  params['captcha'] = captcha;
+  fields.push('captcha');
+  return true;
+}
+
+/**
+ * Get a new challenge and display the new captcha image.
+ *
+ * @param {number} id The id of the Lock instance.
+ * @param {boolean} wasInvalid A boolean indicating if the previous captcha was invalid.
+ * @param {Function} [next] A callback.
+ */
+function swapCaptcha(id, wasInvalid, next) {
+  return _web_api2.default.getChallenge(id, function (err, newCaptcha) {
+    if (!err && newCaptcha) {
+      (0, _index3.swap)(_index3.updateEntity, 'lock', id, l.setCaptcha, newCaptcha, wasInvalid);
+    }
+    if (next) {
+      next();
+    }
+  });
+}