auth0-lock 11.30.4 → 11.31.1

package/lib/engine/classic/login.js

@@ -66,7 +66,7 @@ function shouldRenderTabs(m) {
   if (l.hasSomeConnections(m, 'social') && (0, _index.hasInitialScreen)(m, 'signUp')) return (0, _index.hasScreen)(m, 'signUp');
 }
 
-var Component = function Component(_ref) {
+var LoginComponent = function LoginComponent(_ref) {
   var i18n = _ref.i18n,
       model = _ref.model;
 
@@ -182,7 +182,7 @@ var Login = function (_Screen) {
   };
 
   Login.prototype.render = function render() {
-    return Component;
+    return LoginComponent;
   };
 
   return Login;

package/lib/engine/classic/sign_up_pane.js

@@ -32,7 +32,7 @@ var _index2 = require('../../core/index');
 
 var l = _interopRequireWildcard(_index2);
 
-var _actions = require('../../connection/database/actions');
+var _captcha = require('../../connection/captcha');
 
 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; } }
 
@@ -97,7 +97,7 @@ var SignUpPane = function (_React$Component) {
     });
 
     var captchaPane = l.captcha(model) && l.captcha(model).get('required') ? _react2.default.createElement(_captcha_pane2.default, { i18n: i18n, lock: model, onReload: function onReload() {
-        return (0, _actions.swapCaptcha)(l.id(model), false);
+        return (0, _captcha.swapCaptcha)(l.id(model), false);
       } }) : null;
 
     var passwordPane = !onlyEmail && _react2.default.createElement(_password_pane2.default, {

package/lib/i18n.js

@@ -17,7 +17,9 @@ var _immutable = require('immutable');
 
 var _immutable2 = _interopRequireDefault(_immutable);
 
-var _util = require('util');
+var _format = require('./utils/format');
+
+var _format2 = _interopRequireDefault(_format);
 
 var _dompurify = require('dompurify');
 
@@ -50,7 +52,7 @@ function str(m, keyPath) {
     args[_key - 2] = arguments[_key];
   }
 
-  return _util.format.apply(undefined, [get(m, ['strings'].concat(keyPath), '')].concat(args));
+  return _format2.default.apply(undefined, [get(m, ['strings'].concat(keyPath), '')].concat(args));
 }
 
 function html(m, keyPath) {
@@ -123,7 +125,7 @@ function assertLanguage(m, language, base) {
 function syncLang(m, language, _cb) {
   (0, _cdn_utils.load)({
     method: 'registerLanguageDictionary',
-    url: l.languageBaseUrl(m) + '/js/lock/' + '11.30.4' + '/' + language + '.js',
+    url: l.languageBaseUrl(m) + '/js/lock/' + '11.31.1' + '/' + language + '.js',
     check: function check(str) {
       return str && str === language;
     },
@@ -139,7 +141,9 @@ function registerLanguageDictionary(language, dictionary) {
   languageDictionaries[language] = _immutable2.default.fromJS(dictionary);
 }
 
-(0, _cdn_utils.preload)({
-  method: 'registerLanguageDictionary',
-  cb: registerLanguageDictionary
-});
+if (typeof window !== 'undefined') {
+  (0, _cdn_utils.preload)({
+    method: 'registerLanguageDictionary',
+    cb: registerLanguageDictionary
+  });
+}

package/lib/lock.js

@@ -42,7 +42,7 @@ var Auth0Lock = function (_Core) {
 
 
 exports.default = Auth0Lock;
-Auth0Lock.version = '11.30.4';
+Auth0Lock.version = '11.31.1';
 
 // TODO: should we have different telemetry for classic/passwordless?
 // TODO: should we set telemetry info before each request?

package/lib/passwordless.js

@@ -41,4 +41,4 @@ var Auth0LockPasswordless = function (_Core) {
 exports.default = Auth0LockPasswordless;
 
 
-Auth0LockPasswordless.version = '11.30.4';
+Auth0LockPasswordless.version = '11.31.1';

package/lib/store/index.js

@@ -101,6 +101,6 @@ function getState() {
 
 // DEV
 // store.addWatch("keepHistory", (key, oldState, newState) => {
-//   if (!global.window.h) global.window.h = []; global.window.h.push(newState);
+//   if (!window.h) window.h = []; window.h.push(newState);
 //   console.debug("something changed", newState.toJS());
 // });

package/lib/sync.js

@@ -40,7 +40,7 @@ exports.default = function (m, key, opts) {
 };
 
 var syncStatusKey = function syncStatusKey(key) {
-  return (global.Array.isArray(key) ? key : [key]).concat(['syncStatus']);
+  return (window.Array.isArray(key) ? key : [key]).concat(['syncStatus']);
 };
 var getStatus = function getStatus(m, key) {
   return get(m, syncStatusKey(key));

package/lib/ui/box/chrome.js

@@ -36,6 +36,10 @@ var _header = require('./header');
 
 var _header2 = _interopRequireDefault(_header);
 
+var _classnames = require('classnames');
+
+var _classnames2 = _interopRequireDefault(_classnames);
+
 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 }; }
@@ -246,7 +250,7 @@ var Chrome = function (_React$Component2) {
     }
 
     if (!auxiliaryPane && nextProps.auxiliaryPane) {
-      this.auxiliaryPaneTriggerInput = global.document.activeElement;
+      this.auxiliaryPaneTriggerInput = window.document.activeElement;
       this.setState({ moving: true });
     }
 
@@ -374,6 +378,7 @@ var Chrome = function (_React$Component2) {
         title = _props5.title,
         classNames = _props5.classNames,
         scrollGlobalMessagesIntoView = _props5.scrollGlobalMessagesIntoView;
+    var model = contentProps.model;
     var _state = this.state,
         delayingShowSubmitButton = _state.delayingShowSubmitButton,
         moving = _state.moving,
@@ -418,17 +423,23 @@ var Chrome = function (_React$Component2) {
     }) : null;
 
     var Content = contentComponent;
-
-    var className = 'auth0-lock-cred-pane';
     var isQuiet = !moving && !delayingShowSubmitButton;
-    className += isQuiet ? ' auth0-lock-quiet' : ' auth0-lock-moving';
+
+    var className = (0, _classnames2.default)('auth0-lock-cred-pane', {
+      'auth0-lock-quiet': isQuiet,
+      'auth0-lock-moving': !isQuiet
+    });
+
+    var internalWrapperClass = (0, _classnames2.default)('auth0-lock-cred-pane-internal-wrapper', {
+      'auto-height': l.ui.forceAutoHeight(model)
+    });
 
     return _react2.default.createElement(
       'div',
       { className: className },
       _react2.default.createElement(
         'div',
-        { className: 'auth0-lock-cred-pane-internal-wrapper' },
+        { className: internalWrapperClass },
         _react2.default.createElement(
           'div',
           { className: 'auth0-lock-content-wrapper' },

package/lib/ui/box/container.js

@@ -102,17 +102,17 @@ var EscKeyDownHandler = function () {
         f();
       }
     };
-    global.document.addEventListener('keydown', this.handler, false);
+    window.document.addEventListener('keydown', this.handler, false);
   }
 
   EscKeyDownHandler.prototype.release = function release() {
-    global.document.removeEventListener('keydown', this.handler);
+    window.document.removeEventListener('keydown', this.handler);
   };
 
   return EscKeyDownHandler;
 }();
 
-var IPHONE = global.navigator && !!global.navigator.userAgent.match(/iPhone/i);
+var IPHONE = typeof window !== 'undefined' && window.navigator && !!window.navigator.userAgent.match(/iPhone/i);
 
 var Container = function (_React$Component) {
   _inherits(Container, _React$Component);
@@ -384,7 +384,7 @@ Container.propTypes = {
 };
 
 // NOTE: detecting the file protocol is important for things like electron.
-var isFileProtocol = global.window && global.window.location && global.window.location.protocol === 'file:';
+var isFileProtocol = typeof window !== 'undefined' && window.window && window.location && window.location.protocol === 'file:';
 
 var defaultProps = exports.defaultProps = Container.defaultProps = {
   autofocus: false,

package/lib/ui/box/header.js

@@ -155,13 +155,18 @@ WelcomeMessage.propTypes = {
 };
 
 var cssBlurSupport = function () {
+  if (typeof window === 'undefined') {
+    return;
+  }
+
   // Check stolen from Modernizr, see https://github.com/Modernizr/Modernizr/blob/29eab707f7a2fb261c8a9c538370e97eb1f86e25/feature-detects/css/filters.js
-  var isEdge = global.navigator && !!global.navigator.userAgent.match(/Edge/i);
-  if (typeof global.document === 'undefined' || isEdge) return false;
+  var isEdge = window.navigator && !!window.navigator.userAgent.match(/Edge/i);
+  if (typeof window.document === 'undefined' || isEdge) return false;
 
-  var el = global.document.createElement('div');
+  var el = window.document.createElement('div');
   el.style.cssText = 'filter: blur(2px); -webkit-filter: blur(2px)';
-  return !!el.style.length && (global.document.documentMode === undefined || global.document.documentMode > 9);
+
+  return !!el.style.length && (window.document.documentMode === undefined || window.document.documentMode > 9);
 }();
 
 var Background = function (_React$Component4) {

package/lib/ui/box.js

@@ -29,13 +29,13 @@ var ContainerManager = function () {
   }
 
   ContainerManager.prototype.ensure = function ensure(id, shouldAppend) {
-    var container = global.document.getElementById(id);
+    var container = window.document.getElementById(id);
 
     if (!container && shouldAppend) {
-      container = global.document.createElement('div');
+      container = window.document.createElement('div');
       container.id = id;
       container.className = 'auth0-lock-container';
-      global.document.body.appendChild(container);
+      window.document.body.appendChild(container);
     }
 
     if (!container) {
@@ -62,7 +62,7 @@ var Renderer = function () {
     var container = this.containerManager.ensure(containerId, isModal);
 
     if (isModal && !this.modals[containerId]) {
-      _CSSCore2.default.addClass(global.document.getElementsByTagName('html')[0], 'auth0-lock-html');
+      _CSSCore2.default.addClass(window.document.getElementsByTagName('html')[0], 'auth0-lock-html');
     }
     // eslint-disable-next-line
     var component = _reactDom2.default.render(_react2.default.createElement(_container2.default, props), container);
@@ -100,7 +100,7 @@ var Renderer = function () {
     if (this.modals[containerId]) {
       delete this.modals[containerId];
 
-      _CSSCore2.default.removeClass(global.document.getElementsByTagName('html')[0], 'auth0-lock-html');
+      _CSSCore2.default.removeClass(window.document.getElementsByTagName('html')[0], 'auth0-lock-html');
     }
   };
 

package/lib/ui/input/password/password_strength.js

@@ -16,9 +16,9 @@ var _policy = require('password-sheriff/lib/policy');
 
 var _policy2 = _interopRequireDefault(_policy);
 
-var _util = require('util');
+var _format = require('../../../utils/format');
 
-var _util2 = _interopRequireDefault(_util);
+var _format2 = _interopRequireDefault(_format);
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -53,7 +53,7 @@ var PasswordStrength = function (_React$Component) {
           o.message = messages[o.code];
         }
 
-        o.message = _util2.default.format.apply(_util2.default, [o.message].concat(o.format || []));
+        o.message = _format2.default.apply(undefined, [o.message].concat(o.format || []));
 
         if (o.items) {
           prepareMessage(o.items);

package/lib/utils/cdn_utils.js

@@ -10,8 +10,8 @@ var _auth0Js2 = _interopRequireDefault(_auth0Js);
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-if (!global.Auth0) {
-  global.Auth0 = {};
+if (typeof window !== 'undefined' && !window.Auth0) {
+  window.Auth0 = {};
 }
 
 var cbs = {};
@@ -25,7 +25,7 @@ function load(attrs) {
 
   if (!cbs[method]) {
     cbs[method] = [];
-    global.Auth0[method] = function () {
+    window.Auth0[method] = function () {
       for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
         args[_key] = arguments[_key];
       }
@@ -51,9 +51,9 @@ function load(attrs) {
 
   if (count > 1) return;
 
-  var script = global.document.createElement('script');
+  var script = window.document.createElement('script');
   script.src = url;
-  global.document.getElementsByTagName('head')[0].appendChild(script);
+  window.document.getElementsByTagName('head')[0].appendChild(script);
 
   var handleError = function handleError(err) {
     cbs[method] = cbs[method].filter(function (x) {
@@ -86,5 +86,5 @@ function preload(_ref) {
   var method = _ref.method,
       cb = _ref.cb;
 
-  global.Auth0[method] = cb;
+  window.Auth0[method] = cb;
 }

package/lib/utils/format.js

@@ -0,0 +1,48 @@
+'use strict';
+
+exports.__esModule = true;
+
+var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
+
+exports.default = format;
+// Code attribution
+// Inlined and modified from https://github.com/browserify/node-util/blob/e37ce41f4063bcd7bc27e01470d6654053bdcd14/util.js#L33-L69
+// Copyright Joyent, Inc. and other Node contributors.
+// Please see LICENSE for full copyright and license attribution.
+var formatRegExp = /%[sdj%]/g;
+
+function format(f) {
+  var i = 1;
+  var args = arguments;
+  var len = args.length;
+  var str = String(f).replace(formatRegExp, function (x) {
+    if (x === '%%') return '%';
+    if (i >= len) return x;
+    switch (x) {
+      case '%s':
+        return String(args[i++]);
+      case '%d':
+        return Number(args[i++]);
+      case '%j':
+        try {
+          return JSON.stringify(args[i++]);
+        } catch (_) {
+          return '[Circular]';
+        }
+      default:
+        return x;
+    }
+  });
+  for (var x = args[i]; i < len; x = args[++i]) {
+    if (x === null || !isObject(x)) {
+      str += ' ' + x;
+    } else if (x !== null) {
+      str += ' ' + JSON.stringify(x);
+    }
+  }
+  return str;
+}
+
+function isObject(arg) {
+  return (typeof arg === 'undefined' ? 'undefined' : _typeof(arg)) === 'object' && arg !== null;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "auth0-lock",
-  "version": "11.30.4",
+  "version": "11.31.1",
   "description": "Auth0 Lock",
   "author": "Auth0 <support@auth0.com> (http://auth0.com)",
   "license": "MIT",
@@ -25,19 +25,17 @@
     "dev": "grunt dev",
     "dist": "grunt dist",
     "prepublish": "cross-env BABEL_ENV=npm grunt dist",
-    "precommit": "lint-staged",
+    "precommit": "yarn lint-staged",
     "lint": "eslint --ext .jsx,.js src/",
-    "test": "cross-env BABEL_ENV=test zuul -- test/**/*.test.js",
-    "test:browser": "cross-env BABEL_ENV=test zuul --local 8080 --disable-tunnel -- test/**/*.test.js",
-    "test:cli": "cross-env BABEL_ENV=test mochify --extension=.jsx --transform=babelify ./test/setup.js test/**/*.test.js",
-    "test:watch": "cross-env BABEL_ENV=test mochify --watch --extension=.jsx --transform=babelify ./test/setup.js test/**/*.test.js",
-    "test:jest": "jest --coverage --runInBand",
-    "test:jest:watch": "jest --watch --coverage",
+    "test:e2e": "cross-env BABEL_ENV=test karma start --browsers ChromeHeadless",
+    "test:e2e:watch": "cross-env BABEL_ENV=test karma start --browsers Chrome --single-run=false",
+    "test:e2e:browserstack": "cross-env BABEL_ENV=test karma start",
+    "test": "jest --coverage --runInBand",
+    "test:watch": "jest --watch --coverage",
     "test:es-check": "es-check es5 'build/*.js'",
     "publish:cdn": "ccu --trace",
-    "release": "scripts/release.sh",
     "i18n:translate": "grunt dist && node scripts/complete-translations.js && npm run i18n:prettier && npm run build",
-    "i18n:prettier": "prettier --write --print-width 100 --single-quote src/i18n/*",
+    "i18n:prettier": "prettier --write src/i18n/*",
     "i18n:validate": "node -r esm scripts/lang-audit.js"
   },
   "devDependencies": {
@@ -47,27 +45,28 @@
     "babel-eslint": "^7.2.2",
     "babel-loader": "^6.2.5",
     "babel-plugin-stylus-compiler": "^1.4.0",
+    "babel-plugin-transform-class-properties": "^6.24.1",
     "babel-plugin-transform-css-import-to-string": "0.0.2",
     "babel-plugin-version-inline": "^1.0.0",
     "babel-preset-es2015": "^6.22.0",
     "babel-preset-react": "^6.24.1",
     "babel-preset-stage-0": "^6.3.13",
-    "babelify": "^7.2.0",
+    "babelify": "^8.0.0",
+    "browserify": "^17.0.0",
     "bump-version": "^0.5.0",
-    "chalk": "^3.0.0",
-    "cross-env": "^3.1.4",
+    "chalk": "^4.1.2",
+    "cross-env": "^7.0.3",
     "css-loader": "^0.26.1",
-    "dotenv": "^8.0.0",
     "emojic": "^1.1.15",
     "enzyme": "^3.1.0",
     "enzyme-adapter-react-15": "^1.0.1",
-    "es-check": "^4.0.0",
-    "eslint": "^4.8.0",
-    "eslint-config-prettier": "^2.6.0",
+    "es-check": "^6.0.0",
+    "eslint": "^7.32.0",
+    "eslint-config-prettier": "^8.3.0",
     "eslint-plugin-react": "^7.4.0",
     "esm": "^3.2.25",
     "expect.js": "^0.3.1",
-    "flat": "^2.0.1",
+    "flat": "^5.0.2",
     "glob": "^7.1.6",
     "grunt": "^1.3.0",
     "grunt-babel": "^6.0.0",
@@ -77,50 +76,56 @@
     "grunt-env": "^0.4.4",
     "grunt-exec": "^0.4.6",
     "grunt-webpack": "^2.0.1",
-    "husky": "^0.14.3",
+    "husky": "^7.0.2",
     "jest": "^21.2.1",
     "json-beautify": "^1.0.1",
-    "jsonwebtoken": "^7.3.0",
-    "lint-staged": "^4.2.3",
-    "mochify": "^6.3.0",
+    "karma": "^6.3.4",
+    "karma-babel-preprocessor": "^7.0.0",
+    "karma-browserify": "^8.1.0",
+    "karma-browserstack-launcher": "^1.6.0",
+    "karma-chrome-launcher": "^3.1.0",
+    "karma-mocha": "^2.0.1",
+    "karma-mocha-reporter": "^2.2.5",
+    "lint-staged": "^11.1.2",
+    "mocha": "^9.1.1",
     "node-es-module-loader": "^0.3.8",
-    "prettier": "^1.7.4",
+    "prettier": "^2.4.1",
+    "puppeteer": "^10.1.0",
     "react-test-renderer": "^15.6.2",
-    "semver": "^6.2.0",
     "sinon": "^1.15.4",
     "stylus": "^0.54.5",
     "stylus-loader": "^2.3.1",
-    "superagent": "^5.2.2",
     "tmp": "^0.1.0",
     "uglify-js": "^2.7.4",
     "unminified-webpack-plugin": "^1.1.1",
     "unreleased": "^0.1.0",
-    "watchify": "^3.7.0",
+    "watchify": "^4.0.0",
     "webpack": "^2.2.1",
     "webpack-core": "^0.6.8",
-    "webpack-dev-server": "^2.3.0",
-    "zuul": "^3.12.0",
-    "zuul-ngrok": "4.0.0"
+    "webpack-dev-server": "^2.3.0"
   },
   "dependencies": {
-    "auth0-js": "^9.16.2",
+    "auth0-js": "^9.16.4",
     "auth0-password-policies": "^1.0.2",
-    "blueimp-md5": "2.3.1",
+    "blueimp-md5": "^2.19.0",
+    "classnames": "^2.3.1",
     "dompurify": "^2.2.8",
     "immutable": "^3.7.3",
     "jsonp": "^0.2.1",
-    "password-sheriff": "^1.1.0",
+    "node-fetch": "^2.6.1",
+    "password-sheriff": "^1.1.1",
     "prop-types": "^15.6.0",
     "qs": "^6.7.0",
     "react": "^15.6.2",
     "react-dom": "^15.6.2",
     "react-transition-group": "^2.2.1",
-    "trim": "1.0.0",
+    "trim": "^1.0.1",
     "url-join": "^1.1.0",
     "validator": "^13.6.0"
   },
   "resolutions": {
-    "node-fetch": "^2.6.1"
+    "node-fetch": "^2.6.1",
+    "crypto-js": "^4.1.1"
   },
   "ccu": {
     "name": "lock",
@@ -169,8 +174,7 @@
       "npm run lint"
     ],
     "*.{js,jsx,json}": [
-      "prettier --write --print-width 100 --single-quote",
-      "git add"
+      "prettier --write"
     ]
   }
 }

package/.zuul.yml

@@ -1,19 +0,0 @@
-ui: mocha-bdd
-tunnel:
-  type: ngrok
-  authtoken: LsVZFxFqgxA4h7ibWV9V_iuA9afbQwaSnGqH9dApL
-browsers:
-  - name: chrome
-    version: latest
-  - name: safari
-    version: 9
-  - name: firefox
-    version: latest
-  - name: ie
-    version: 10..latest
-browserify:
-  - transform:
-      name: babelify
-  - options:
-      extensions:
-        - .jsx

package/circle.yml

@@ -1,19 +0,0 @@
-machine:
-  node:
-    version: v6.10.0
-  environment:
-    PATH: "${PATH}:${HOME}/${CIRCLE_PROJECT_REPONAME}/node_modules/.bin"
-dependencies:
-  override:
-    - yarn
-  cache_directories:
-    - ~/.cache/yarn
-test:
-  pre:
-    - yarn run build
-  override:
-    - yarn run test:cli
-    - yarn run test:jest
-general:
-  artifacts:
-    - build