auth0-lock 11.30.3 → 11.31.0

package/karma.conf.js

@@ -0,0 +1,129 @@
+module.exports = function(config) {
+  process.env.CHROME_BIN = require('puppeteer').executablePath();
+
+  config.set({
+    // base path that will be used to resolve all patterns (eg. files, exclude)
+    basePath: '',
+
+    // frameworks to use
+    frameworks: ['mocha', 'browserify'],
+
+    //plugins
+    plugins: [
+      'karma-mocha',
+      'karma-babel-preprocessor',
+      'karma-browserstack-launcher',
+      'karma-chrome-launcher',
+      'karma-browserify',
+      'karma-mocha-reporter'
+    ],
+
+    // list of files / patterns to load in the browser
+    files: [
+      'test/**/*.test.js',
+      'test/setup.js',
+      {
+        pattern: 'src/!(__tests__)/**/*.jsx?',
+        type: 'js'
+      }
+    ],
+
+    preprocessors: {
+      'src/!(__tests__)/**/*.jsx?': ['browserify'],
+      'test/**/*.js': ['browserify']
+    },
+
+    browserify: {
+      debug: true,
+      transform: ['babelify'],
+      extensions: ['.js', '.jsx']
+    },
+
+    // test results reporter to use
+    reporters: ['mocha', 'BrowserStack'],
+
+    // web server port
+    port: 9876,
+
+    // enable / disable colors in the output (reporters and logs)
+    colors: true,
+
+    singleRun: true,
+
+    browserNoActivityTimeout: 60000,
+
+    browserDisconnectTimeout: 20000,
+
+    browserDisconnectTolerance: 3,
+
+    // level of logging
+    logLevel: config.LOG_INFO,
+
+    browserStack: {
+      username: process.env.BROWSERSTACK_USERNAME,
+      accessKey: process.env.BROWSERSTACK_ACCESS_KEY,
+      name: 'Lock.js Browser Tests',
+      project: 'Lock.js SDK'
+    },
+
+    mochaReporter: {
+      output: 'minimal'
+    },
+
+    // define browsers
+    customLaunchers: {
+      bs_chrome_windows: {
+        base: 'BrowserStack',
+        browser: 'chrome',
+        browser_version: 'latest',
+        os: 'Windows',
+        os_version: '10',
+        displayName: 'Chrome on Windows 10'
+      },
+      bs_edge_windows: {
+        base: 'BrowserStack',
+        browser: 'edge',
+        browser_version: 'latest',
+        os: 'Windows',
+        os_version: '10',
+        displayName: 'Chrome on Windows 10'
+      },
+      bs_firefox_windows: {
+        base: 'BrowserStack',
+        browser: 'firefox',
+        browser_version: 'latest',
+        os: 'Windows',
+        os_version: '10',
+        displayName: 'Firefox on Windows 10'
+      },
+      bs_safari: {
+        base: 'BrowserStack',
+        browser: 'safari',
+        browser_version: 'latest',
+        os: 'OS X',
+        os_version: 'Big Sur',
+        displayName: 'Latest Safari on Big Sur'
+      },
+      bs_ie11_windows: {
+        base: 'BrowserStack',
+        browser: 'IE',
+        browser_version: 'latest',
+        os: 'Windows',
+        os_version: '10',
+        displayName: 'IE11 on Windows 10'
+      },
+      chrome_headless: {
+        base: 'Chrome',
+        flags: ['--headless']
+      }
+    },
+
+    browsers: [
+      'bs_chrome_windows',
+      'bs_firefox_windows',
+      'bs_safari',
+      'bs_ie11_windows',
+      'bs_edge_windows'
+    ]
+  });
+};

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__/core/index.js

@@ -59,6 +59,7 @@ describe('setup', function () {
     mockInit = jest.fn();
     jest.resetModules();
   });
+
   it('default redirectUrl should not include location.hash', function () {
     (0, _testUtils.setURL)('https://test.com/path/#not-this-part');
     var options = {};
@@ -70,6 +71,7 @@ describe('setup', function () {
     var model = mock.calls[0][1].toJS();
     expect(model.auth.redirectUrl).toBe('https://test.com/path/');
   });
+
   it('default redirectUrl should work when `window.location.origin` is not available', function () {
     (0, _testUtils.setURL)('https://test.com/path/#not-this-part', { noOrigin: true });
     var options = {};
@@ -81,6 +83,7 @@ describe('setup', function () {
     var model = mock.calls[0][1].toJS();
     expect(model.auth.redirectUrl).toBe('https://test.com/path/');
   });
+
   it('should work with redirect:false and responseType:id_token', function () {
     var options = {
       auth: {
@@ -88,6 +91,7 @@ describe('setup', function () {
         responseType: 'id_token'
       }
     };
+
     setup('id', 'clientID', 'domain', options, 'hookRunner', 'emitEventFn', 'handleEventFn');
     var _mockInit3 = mockInit,
         mock = _mockInit3.mock;
@@ -96,6 +100,136 @@ describe('setup', function () {
     var model = mock.calls[0][1].toJS();
     expect(model).toMatchSnapshot();
   });
+
+  describe('clientBaseUrl', function () {
+    it('should default to the specified domain', function () {
+      var _mockInit4 = mockInit,
+          mock = _mockInit4.mock;
+
+
+      setup('id', 'clientID', 'my-tenant.us.auth0.com', {}, 'hookRunner', 'emitEventFn', 'handleEventFn');
+
+      expect(mock.calls.length).toBe(1);
+
+      var model = mock.calls[0][1].toJS();
+      expect(model.clientBaseUrl).toBe('https://my-tenant.us.auth0.com');
+    });
+
+    it('should use the clientBaseUrl option if given', function () {
+      var _mockInit5 = mockInit,
+          mock = _mockInit5.mock;
+
+
+      setup('id', 'clientID', 'my-tenant.us.auth0.com', {
+        clientBaseUrl: 'https://client-base-url.example.com',
+        configurationBaseUrl: 'https://config-base-url.example.com',
+        assetsUrl: 'https://assets-url.example.com'
+      }, 'hookRunner', 'emitEventFn', 'handleEventFn');
+
+      expect(mock.calls.length).toBe(1);
+
+      var model = mock.calls[0][1].toJS();
+      expect(model.clientBaseUrl).toBe('https://client-base-url.example.com');
+    });
+
+    it('should use configurationBaseUrl if given', function () {
+      var _mockInit6 = mockInit,
+          mock = _mockInit6.mock;
+
+
+      setup('id', 'clientID', 'my-tenant.us.auth0.com', {
+        configurationBaseUrl: 'https://config-base-url.example.com',
+        assetsUrl: 'https://assets-url.example.com'
+      }, 'hookRunner', 'emitEventFn', 'handleEventFn');
+
+      expect(mock.calls.length).toBe(1);
+
+      var model = mock.calls[0][1].toJS();
+      expect(model.clientBaseUrl).toBe('https://config-base-url.example.com');
+    });
+
+    it('should use assetsUrl if given', function () {
+      var _mockInit7 = mockInit,
+          mock = _mockInit7.mock;
+
+
+      setup('id', 'clientID', 'my-tenant.us.auth0.com', {
+        assetsUrl: 'https://assets-url.example.com'
+      }, 'hookRunner', 'emitEventFn', 'handleEventFn');
+
+      expect(mock.calls.length).toBe(1);
+
+      var model = mock.calls[0][1].toJS();
+      expect(model.clientBaseUrl).toBe('https://assets-url.example.com');
+    });
+  });
+
+  describe('tenantBaseUrl', function () {
+    it('should default to domain URL when using auth0.com', function () {
+      var _mockInit8 = mockInit,
+          mock = _mockInit8.mock;
+
+
+      setup('id', 'clientID', 'my-tenant.us.auth0.com', {
+        __useTenantInfo: true
+      }, 'hookRunner', 'emitEventFn', 'handleEventFn');
+
+      expect(mock.calls.length).toBe(1);
+
+      var model = mock.calls[0][1].toJS();
+      expect(model.tenantBaseUrl).toBe('https://my-tenant.us.auth0.com/tenants/v1/my-tenant.js');
+    });
+
+    it('should default to domain URL when using a custom domain', function () {
+      var _mockInit9 = mockInit,
+          mock = _mockInit9.mock;
+
+
+      setup('id', 'clientID', 'auth.my-tenant.com', {
+        __useTenantInfo: true
+      }, 'hookRunner', 'emitEventFn', 'handleEventFn');
+
+      expect(mock.calls.length).toBe(1);
+
+      var model = mock.calls[0][1].toJS();
+      expect(model.tenantBaseUrl).toBe('https://auth.my-tenant.com/info-v1.js');
+    });
+
+    it('should use configurationBaseUrl if specified', function () {
+      var _mockInit10 = mockInit,
+          mock = _mockInit10.mock;
+
+
+      setup('id', 'clientID', 'auth.my-tenant.com', {
+        __useTenantInfo: true,
+        configurationBaseUrl: 'https://config-base-url.com'
+      }, 'hookRunner', 'emitEventFn', 'handleEventFn');
+
+      expect(mock.calls.length).toBe(1);
+
+      var model = mock.calls[0][1].toJS();
+      expect(model.tenantBaseUrl).toBe('https://config-base-url.com/info-v1.js');
+    });
+
+    it('should use configurationBaseUrl with a custom tenant if specified', function () {
+      var _mockInit11 = mockInit,
+          mock = _mockInit11.mock;
+
+
+      setup('id', 'clientID', 'auth.my-tenant.com', {
+        __useTenantInfo: true,
+        configurationBaseUrl: 'https://config-base-url.com',
+        overrides: {
+          __tenant: 'custom-tenant'
+        }
+      }, 'hookRunner', 'emitEventFn', 'handleEventFn');
+
+      expect(mock.calls.length).toBe(1);
+
+      var model = mock.calls[0][1].toJS();
+      expect(model.tenantBaseUrl).toBe('https://config-base-url.com/tenants/v1/custom-tenant.js');
+    });
+  });
 });
 
 describe('setResolvedConnection', function () {

package/lib/__tests__/core/web_api/helper.js

@@ -44,8 +44,8 @@ describe('normalizeError', function () {
     var currentWindowObj = void 0;
 
     beforeAll(function () {
-      currentWindowObj = global.window;
-      global.window = {
+      currentWindowObj = window.window;
+      window.window = {
         locaction: {
           host: domainMock
         }
@@ -53,7 +53,7 @@ describe('normalizeError', function () {
     });
 
     afterAll(function () {
-      global.window = currentWindowObj;
+      window.window = currentWindowObj;
     });
 
     describe('domain is undefined', function () {

package/lib/__tests__/core/web_api.js

@@ -19,16 +19,16 @@ describe('Auth0WebApi', function () {
   };
 
   beforeEach(function () {
-    originalWindow = global.window;
+    originalWindow = window.window;
   });
 
   afterEach(function () {
-    global.window = originalWindow;
+    window.window = originalWindow;
   });
 
   describe('setupClient', function () {
     it('sets the correct options when is on the hosted login page', function () {
-      delete global.window.location;
+      delete window.location;
       window.location = _extends({}, originalWindow.location, { host: DEFAULT_DOMAIN, search: '' });
       _web_api2.default.setupClient(LOCK_ID, CLIENT_ID, DEFAULT_DOMAIN, { redirect: true });
 
@@ -42,7 +42,7 @@ describe('Auth0WebApi', function () {
     });
 
     it('sets redirect: true when on the same origin as the specified domain', function () {
-      delete global.window.location;
+      delete window.location;
       window.location = _extends({}, originalWindow.location, { host: DEFAULT_DOMAIN, search: '' });
 
       _web_api2.default.setupClient(LOCK_ID, CLIENT_ID, DEFAULT_DOMAIN, {});
@@ -50,7 +50,7 @@ describe('Auth0WebApi', function () {
     });
 
     it('sets redirect: false when on a different origin as the specified domain', function () {
-      delete global.window.location;
+      delete window.location;
       window.location = _extends({}, originalWindow.location, { host: 'test-other.com', search: '' });
 
       _web_api2.default.setupClient(LOCK_ID, CLIENT_ID, DEFAULT_DOMAIN, {});
@@ -58,7 +58,7 @@ describe('Auth0WebApi', function () {
     });
 
     it('forces popup and sso mode for cordova, only when not running in the hosted environment', function () {
-      delete global.window.location;
+      delete window.location;
       window.location = _extends({}, originalWindow.location, { host: DEFAULT_DOMAIN, search: '' });
       window.cordova = true;
 
@@ -68,7 +68,7 @@ describe('Auth0WebApi', function () {
     });
 
     it('forces popup and sso mode for electron, only when not running in the hosted environment', function () {
-      delete global.window.location;
+      delete window.location;
       window.location = _extends({}, originalWindow.location, { host: DEFAULT_DOMAIN, search: '' });
       window.electron = true;
 

package/lib/__tests__/setup-tests.js

@@ -12,6 +12,6 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 (0, _enzyme.configure)({ adapter: new _enzymeAdapterReact2.default() });
 
 //jest polyfills
-global.requestAnimationFrame = function (callback) {
+window.requestAnimationFrame = function (callback) {
   setTimeout(callback, 0);
 };

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,7 +42,10 @@ jest.mock('core/index', function () {
   return {
     handleEvent: jest.fn(function (_, event, fn) {
       mockEventRegister[event] = fn;
-    })
+    }),
+    ui: {
+      forceAutoHeight: jest.fn().mockReturnValue(false)
+    }
   };
 });
 
@@ -113,4 +114,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__/utils/format.js

@@ -0,0 +1,33 @@
+'use strict';
+
+var _format = require('../../utils/format');
+
+var _format2 = _interopRequireDefault(_format);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+describe('format', function () {
+  it('can format a string', function () {
+    expect((0, _format2.default)('a string')).toEqual('a string');
+  });
+
+  it('can replace a string', function () {
+    expect((0, _format2.default)('%s', 'test')).toEqual('test');
+  });
+
+  it('can replace a string inside a string', function () {
+    expect((0, _format2.default)('a string: %s', 'test')).toEqual('a string: test');
+  });
+
+  it('can replace multiple strings', function () {
+    expect((0, _format2.default)('%s:%s', 'a', 'b')).toEqual('a:b');
+  });
+
+  it('can replace with a number', function () {
+    expect((0, _format2.default)('%d', 12)).toEqual('12');
+  });
+
+  it('can format an object', function () {
+    expect((0, _format2.default)('%j', { key: 'value' })).toEqual('{"key":"value"}');
+  });
+});

package/lib/browser.js

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

package/lib/connection/database/index.js

@@ -92,7 +92,7 @@ function assertMaybeString(opts, name) {
 }
 
 function assertMaybeArray(opts, name) {
-  var valid = opts[name] === undefined || global.Array.isArray(opts[name]);
+  var valid = opts[name] === undefined || window.Array.isArray(opts[name]);
   if (!valid) l.warn(opts, 'The `' + name + '` option will be ignored, because it is not an array.');
   return valid;
 }
@@ -208,7 +208,7 @@ function processDatabaseOptions(opts) {
         options = undefined;
       }
 
-      if (options != undefined && !global.Array.isArray(options) && typeof options != 'function' || type === 'select' && options === undefined) {
+      if (options != undefined && !window.Array.isArray(options) && typeof options != 'function' || type === 'select' && options === undefined) {
         l.warn(opts, 'Ignoring an element of `additionalSignUpFields` (' + name + ') because it has a "select" `type` but does not specify an `options` property that is an Array or a function.');
         filter = false;
       }

package/lib/connection/database/reset_password.js

@@ -34,6 +34,10 @@ var l = _interopRequireWildcard(_index3);
 
 var _index4 = require('../../store/index');
 
+var _email = require('../../field/email');
+
+var _field = require('../../field');
+
 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; } }
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -54,6 +58,17 @@ var Component = function Component(_ref) {
     null,
     headerText
   );
+  var connectionResolver = l.connectionResolver(model);
+
+  // When using a custom connection resolver, `usernameStyle` is always 'username' (as opposed to 'email').
+  // If the user has entered an email address as the username, and a custom resolver is being used, copy the
+  // value from the 'username' field to the 'email' field so that `EmailPane` can render it.
+  if (connectionResolver) {
+    var field = (0, _field.getField)(model, 'username');
+    var value = field.get('value', '');
+
+    (0, _index4.swap)(_index4.updateEntity, 'lock', l.id(model), _email.setEmail, (0, _email.isEmail)(value, false) ? value : '', false);
+  }
 
   return _react2.default.createElement(_reset_password_pane2.default, {
     emailInputPlaceholder: i18n.str('emailInputPlaceholder'),

package/lib/core/actions.js

@@ -67,14 +67,14 @@ function handleAuthCallback() {
   var keepHash = ms.filter(function (m) {
     return !l.hashCleanup(m);
   }).size > 0;
-  var urlWithoutHash = global.location.href.split('#')[0];
+  var urlWithoutHash = window.location.href.split('#')[0];
   var callback = function callback(error, authResult) {
     var parsed = !!(error || authResult);
     if (parsed && !keepHash) {
-      global.history.replaceState(null, '', urlWithoutHash);
+      window.history.replaceState(null, '', urlWithoutHash);
     }
   };
-  resumeAuth(global.location.hash, callback);
+  resumeAuth(window.location.hash, callback);
 }
 
 function resumeAuth(hash, callback) {