auth0-lock 15.0.0 → 15.0.1

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

@@ -1,10 +1,29 @@
 "use strict";
 
 var _react = _interopRequireDefault(require("react"));
-var _enzyme = require("enzyme");
+var _react2 = require("@testing-library/react");
 var _testUtils = require("../../testUtils");
 var _global_message = _interopRequireDefault(require("ui/box/global_message"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+// Helper: render and get the instance via a callback ref (class component)
+var renderWithInstance = function renderWithInstance(element) {
+  var instance = null;
+  var elementWithRef = /*#__PURE__*/_react.default.cloneElement(element, {
+    ref: function ref(r) {
+      instance = r;
+    }
+  });
+  var result = (0, _react2.render)(elementWithRef);
+  return _objectSpread(_objectSpread({}, result), {}, {
+    instance: instance
+  });
+};
 describe('GlobalMessage', function () {
   it('renders correctly given a success type', function () {
     (0, _testUtils.expectComponent)(/*#__PURE__*/_react.default.createElement(_global_message.default, {
@@ -25,65 +44,77 @@ describe('GlobalMessage', function () {
     })).toMatchSnapshot();
   });
   it('should call scrollIntoView if parameter is set and top < 0', function () {
-    var wrapper = (0, _enzyme.mount)(/*#__PURE__*/_react.default.createElement(_global_message.default, {
-      type: "success",
-      message: "foo",
-      scrollIntoView: true
-    }));
+    var _renderWithInstance = renderWithInstance(/*#__PURE__*/_react.default.createElement(_global_message.default, {
+        type: "success",
+        message: "foo",
+        scrollIntoView: true
+      })),
+      container = _renderWithInstance.container,
+      instance = _renderWithInstance.instance;
+    var el = container.firstChild;
     var getBoundingClientRectSpy = jest.fn().mockReturnValue({
       top: -1
     });
     var scrollIntoViewSpy = jest.fn();
-    wrapper.getDOMNode().getBoundingClientRect = getBoundingClientRectSpy;
-    wrapper.getDOMNode().scrollIntoView = scrollIntoViewSpy;
-    wrapper.instance().componentDidMount();
+    el.getBoundingClientRect = getBoundingClientRectSpy;
+    el.scrollIntoView = scrollIntoViewSpy;
+    instance.componentDidMount();
     expect(getBoundingClientRectSpy).toHaveBeenCalled();
     expect(scrollIntoViewSpy).toHaveBeenCalledWith(true);
   });
   it('should not call scrollIntoView if parameter is set and top >= 0', function () {
-    var wrapper = (0, _enzyme.mount)(/*#__PURE__*/_react.default.createElement(_global_message.default, {
-      type: "success",
-      message: "foo",
-      scrollIntoView: true
-    }));
+    var _renderWithInstance2 = renderWithInstance(/*#__PURE__*/_react.default.createElement(_global_message.default, {
+        type: "success",
+        message: "foo",
+        scrollIntoView: true
+      })),
+      container = _renderWithInstance2.container,
+      instance = _renderWithInstance2.instance;
+    var el = container.firstChild;
     var getBoundingClientRectSpy = jest.fn().mockReturnValue({
       top: 0
     });
     var scrollIntoViewSpy = jest.fn();
-    wrapper.getDOMNode().getBoundingClientRect = getBoundingClientRectSpy;
-    wrapper.getDOMNode().scrollIntoView = scrollIntoViewSpy;
-    wrapper.instance().componentDidMount();
+    el.getBoundingClientRect = getBoundingClientRectSpy;
+    el.scrollIntoView = scrollIntoViewSpy;
+    instance.componentDidMount();
     expect(getBoundingClientRectSpy).toHaveBeenCalled();
     expect(scrollIntoViewSpy).not.toHaveBeenCalled();
   });
   it('should call scrollIntoView if parameter is not set (default is true)', function () {
-    var wrapper = (0, _enzyme.mount)(/*#__PURE__*/_react.default.createElement(_global_message.default, {
-      type: "success",
-      message: "foo"
-    }));
+    var _renderWithInstance3 = renderWithInstance(/*#__PURE__*/_react.default.createElement(_global_message.default, {
+        type: "success",
+        message: "foo"
+      })),
+      container = _renderWithInstance3.container,
+      instance = _renderWithInstance3.instance;
+    var el = container.firstChild;
     var getBoundingClientRectSpy = jest.fn().mockReturnValue({
       top: -1
     });
     var scrollIntoViewSpy = jest.fn();
-    wrapper.getDOMNode().getBoundingClientRect = getBoundingClientRectSpy;
-    wrapper.getDOMNode().scrollIntoView = scrollIntoViewSpy;
-    wrapper.instance().componentDidMount();
+    el.getBoundingClientRect = getBoundingClientRectSpy;
+    el.scrollIntoView = scrollIntoViewSpy;
+    instance.componentDidMount();
     expect(getBoundingClientRectSpy).toHaveBeenCalled();
     expect(scrollIntoViewSpy).toHaveBeenCalledWith(true);
   });
   it('should not call scrollIntoView if parameter is set to false', function () {
-    var wrapper = (0, _enzyme.mount)(/*#__PURE__*/_react.default.createElement(_global_message.default, {
-      type: "success",
-      message: "foo",
-      scrollIntoView: false
-    }));
+    var _renderWithInstance4 = renderWithInstance(/*#__PURE__*/_react.default.createElement(_global_message.default, {
+        type: "success",
+        message: "foo",
+        scrollIntoView: false
+      })),
+      container = _renderWithInstance4.container,
+      instance = _renderWithInstance4.instance;
+    var el = container.firstChild;
     var getBoundingClientRectSpy = jest.fn().mockReturnValue({
       top: -1
     });
     var scrollIntoViewSpy = jest.fn();
-    wrapper.getDOMNode().getBoundingClientRect = getBoundingClientRectSpy;
-    wrapper.getDOMNode().scrollIntoView = scrollIntoViewSpy;
-    wrapper.instance().componentDidMount();
+    el.getBoundingClientRect = getBoundingClientRectSpy;
+    el.scrollIntoView = scrollIntoViewSpy;
+    instance.componentDidMount();
     expect(scrollIntoViewSpy).not.toHaveBeenCalled();
   });
   it('should NOT strip out HTML tags if given a React node', function () {
@@ -92,17 +123,19 @@ describe('GlobalMessage', function () {
         __html: '<b>Success!</b>'
       }
     });
-    var wrapper = (0, _enzyme.mount)(/*#__PURE__*/_react.default.createElement(_global_message.default, {
-      type: "success",
-      message: message
-    }));
-    expect(wrapper.html()).toBe('<div class="auth0-global-message auth0-global-message-success"><span class="animated fadeInUp">' + '<span><b>Success!</b></span></span></div>');
+    var _render = (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_global_message.default, {
+        type: "success",
+        message: message
+      })),
+      container = _render.container;
+    expect(container.innerHTML).toBe('<div class="auth0-global-message auth0-global-message-success"><span class="animated fadeInUp">' + '<span><b>Success!</b></span></span></div>');
   });
   it('should strip out HTML tags if given a string', function () {
-    var wrapper = (0, _enzyme.mount)(/*#__PURE__*/_react.default.createElement(_global_message.default, {
-      type: "success",
-      message: "<b>Success!</b>"
-    }));
-    expect(wrapper.html()).toBe('<div class="auth0-global-message auth0-global-message-success"><span class="animated fadeInUp">' + '&lt;b&gt;Success!&lt;/b&gt;</span></div>');
+    var _render2 = (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_global_message.default, {
+        type: "success",
+        message: "<b>Success!</b>"
+      })),
+      container = _render2.container;
+    expect(container.innerHTML).toBe('<div class="auth0-global-message auth0-global-message-success"><span class="animated fadeInUp">' + '&lt;b&gt;Success!&lt;/b&gt;</span></div>');
   });
 });

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

@@ -1,9 +1,8 @@
 "use strict";
 
 var _react = _interopRequireDefault(require("react"));
-var _enzyme = require("enzyme");
+var _react2 = require("@testing-library/react");
 var _testUtils = require("testUtils");
-var _testUtils2 = require("../../testUtils");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 jest.mock('ui/input/input_wrap', function () {
   return (0, _testUtils.mockComponent)('input_wrap');
@@ -22,7 +21,8 @@ describe('EmailInput', function () {
   };
   test('renders without issue', function () {
     var Input = getComponent();
-    var component = (0, _enzyme.mount)(/*#__PURE__*/_react.default.createElement(Input, defaultProps));
-    expect(component.html()).toMatchSnapshot();
+    var _render = (0, _react2.render)(/*#__PURE__*/_react.default.createElement(Input, defaultProps)),
+      container = _render.container;
+    expect(container.innerHTML).toMatchSnapshot();
   });
 });

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

@@ -1,7 +1,7 @@
 "use strict";
 
 var _react = _interopRequireDefault(require("react"));
-var _enzyme = require("enzyme");
+var _react2 = require("@testing-library/react");
 var _password_strength = _interopRequireDefault(require("../../../../ui/input/password/password_strength"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 describe('PasswordStrength', function () {
@@ -22,12 +22,13 @@ describe('PasswordStrength', function () {
       var messages = {
         foo: 'the-message'
       };
-      var wrapper = (0, _enzyme.mount)(/*#__PURE__*/_react.default.createElement(_password_strength.default, {
-        policy: policy,
-        password: "the-password",
-        messages: messages
-      }));
-      expect(wrapper.html()).toMatchSnapshot();
+      var _render = (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_password_strength.default, {
+          policy: policy,
+          password: "the-password",
+          messages: messages
+        })),
+        container = _render.container;
+      expect(container.innerHTML).toMatchSnapshot();
     });
   });
 });

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

@@ -1,10 +1,8 @@
 "use strict";
 
 var _react = _interopRequireDefault(require("react"));
-var _enzyme = require("enzyme");
+var _react2 = require("@testing-library/react");
 var _testUtils = require("testUtils");
-var _testUtils2 = require("../../testUtils");
-var _input_wrap = _interopRequireDefault(require("../../../ui/input/input_wrap"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 jest.mock('ui/input/input_wrap', function () {
   return (0, _testUtils.mockComponent)('input_wrap');
@@ -43,15 +41,17 @@ describe('PasswordInput', function () {
   };
   test('sends PasswordStrength as the `after` param', function () {
     var Input = getComponent();
-    var wrapper = (0, _enzyme.mount)(/*#__PURE__*/_react.default.createElement(Input, defaultProps));
-    wrapper.find('input').simulate('focus');
-    wrapper.find('input').simulate('change', {
+    var _render = (0, _react2.render)(/*#__PURE__*/_react.default.createElement(Input, defaultProps)),
+      container = _render.container;
+    var inputEl = container.querySelector('input');
+    _react2.fireEvent.focus(inputEl);
+    _react2.fireEvent.change(inputEl, {
       target: {
         value: 'pass'
       }
     });
-    var props = (0, _testUtils2.extractPropsFromWrapper)(wrapper);
-    expect(props.after.props).toEqual({
+    var props = (0, _testUtils.extractPropsFromWrapper)(container, 'input_wrap');
+    expect(props.after && props.after.props).toEqual({
       messages: {
         strengthMessages: 'strengthMessages'
       },
@@ -64,20 +64,24 @@ describe('PasswordInput', function () {
       return true;
     };
     var Input = getComponent();
-    var wrapper = (0, _enzyme.mount)(/*#__PURE__*/_react.default.createElement(Input, defaultProps));
-    expect(wrapper.find('input').props().autoComplete).toBe('on');
+    var _render2 = (0, _react2.render)(/*#__PURE__*/_react.default.createElement(Input, defaultProps)),
+      container = _render2.container;
+    expect(container.querySelector('input').getAttribute('autocomplete')).toBe('on');
   });
   test('`allowPasswordAutocomplete=false` sets `autoComplete` as off', function () {
     require('core/index').ui.allowPasswordAutocomplete = function () {
       return false;
     };
     var Input = getComponent();
-    var wrapper = (0, _enzyme.mount)(/*#__PURE__*/_react.default.createElement(Input, defaultProps));
-    expect(wrapper.find('input').props().autoComplete).toBe('off');
+    var _render3 = (0, _react2.render)(/*#__PURE__*/_react.default.createElement(Input, defaultProps)),
+      container = _render3.container;
+    expect(container.querySelector('input').getAttribute('autocomplete')).toBe('off');
   });
   test('shows invalid Hint', function () {
     var Input = getComponent();
-    var wrapper = (0, _enzyme.mount)(/*#__PURE__*/_react.default.createElement(Input, defaultProps));
-    expect(wrapper.find(_input_wrap.default).props().invalidHint).toBe('invalidHint');
+    var _render4 = (0, _react2.render)(/*#__PURE__*/_react.default.createElement(Input, defaultProps)),
+      container = _render4.container;
+    var inputWrap = container.querySelector('[data-__type="input_wrap"]');
+    expect((0, _testUtils.getMockProps)(inputWrap).invalidHint).toBe('invalidHint');
   });
 });

package/lib/core/web_api/helper.js

@@ -169,5 +169,5 @@ function trimAuthParams() {
   return p;
 }
 function getVersion() {
-  return "15.0.0";
+  return "15.0.1";
 }

package/lib/i18n.js

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

package/lib/lock.js

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

package/lib/passwordless.js

@@ -36,4 +36,4 @@ var Auth0LockPasswordless = exports.default = /*#__PURE__*/function (_Core) {
   _inherits(Auth0LockPasswordless, _Core);
   return _createClass(Auth0LockPasswordless);
 }(_core.default);
-Auth0LockPasswordless.version = "15.0.0";
+Auth0LockPasswordless.version = "15.0.1";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "auth0-lock",
-  "version": "15.0.0",
+  "version": "15.0.1",
   "description": "Auth0 Lock",
   "author": "Auth0 <support@auth0.com> (http://auth0.com)",
   "license": "MIT",
@@ -63,8 +63,10 @@
     "@babel/plugin-syntax-import-meta": "^7.0.0",
     "@babel/preset-env": "^7.0.0",
     "@babel/preset-react": "^7.0.0",
-    "@cfaester/enzyme-adapter-react-18": "^0.8.0",
     "@google-cloud/translate": "^9.1.0",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.2",
+    "@testing-library/user-event": "^14.6.1",
     "@types/auth0-js": "^9.21.6",
     "babel-jest": "^29.3.1",
     "babel-loader": "8.4.1",
@@ -78,7 +80,6 @@
     "cross-env": "^7.0.3",
     "css-loader": "^7.1.2",
     "emojic": "^1.1.17",
-    "enzyme": "^3.1.1",
     "es-check": "^6.0.0",
     "eslint": "^8.45.0",
     "eslint-config-prettier": "^8.8.0",
@@ -109,7 +110,6 @@
     "mocha": "^11.5.0",
     "prettier": "^2.4.1",
     "puppeteer": "^24.9.0",
-    "react-test-renderer": "^18.2.0",
     "sinon": "^1.15.4",
     "stylus": "^0.64.0",
     "stylus-loader": "^3.0.2",
@@ -132,8 +132,8 @@
     "password-sheriff": "^2.0.0",
     "prop-types": "^15.8.0",
     "qs": "^6.14.1",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
+    "react": "^18.2.0 || ^19.0.0",
+    "react-dom": "^18.2.0 || ^19.0.0",
     "react-transition-group": "^4.4.5",
     "url-join": "^1.1.0",
     "validator": "^13.15.22"
@@ -158,7 +158,7 @@
       "<rootDir>/src/",
       "<rootDir>/src/__tests__"
     ],
-    "setupFiles": [
+    "setupFilesAfterEnv": [
       "<rootDir>/src/__tests__/setup-tests.js"
     ],
     "coveragePathIgnorePatterns": [