auth0-lock
Advanced tools
auth0-lock - npm Package Compare versions
Comparing version 11.8.1 to 11.9.0
| # Change Log | ||
| ## [v11.9.0](https://github.com/auth0/lock/tree/v11.9.0) (2018-08-28) | ||
| [Full Changelog](https://github.com/auth0/lock/compare/v11.8.1...v11.9.0) | ||
| **Added** | ||
| - Support new minimum password length parameter [\#1472](https://github.com/auth0/lock/pull/1472) ([luisrudge](https://github.com/luisrudge)) | ||
| - Improve accessibility [\#1471](https://github.com/auth0/lock/pull/1471) ([andrew-me](https://github.com/andrew-me)) | ||
| - Add a new type of additionalSignUpField: hidden [\#1459](https://github.com/auth0/lock/pull/1459) ([luisrudge](https://github.com/luisrudge)) | ||
| **Fixed** | ||
| - Fixed login_hint in some enterprise authorize call scenarios [\#1460](https://github.com/auth0/lock/pull/1460) ([cocojoe](https://github.com/cocojoe)) | ||
| ## [v11.8.1](https://github.com/auth0/lock/tree/v11.8.1) (2018-07-30) | ||
@@ -4,0 +17,0 @@ [Full Changelog](https://github.com/auth0/lock/compare/v11.8.0...v11.8.1) |
@@ -11,58 +11,93 @@ 'use strict'; | ||
| describe('databaseUsernameValue', function () { | ||
| var getModel = function getModel(email, username, usernameRequired) { | ||
| return _immutable2.default.fromJS({ | ||
| field: { | ||
| email: { | ||
| value: email | ||
| describe('database/index.js', function () { | ||
| describe('databaseUsernameValue', function () { | ||
| var getModel = function getModel(email, username, usernameRequired) { | ||
| return _immutable2.default.fromJS({ | ||
| field: { | ||
| email: { | ||
| value: email | ||
| }, | ||
| username: { | ||
| value: username | ||
| } | ||
| }, | ||
| username: { | ||
| value: username | ||
| } | ||
| }, | ||
| core: { | ||
| transient: { | ||
| connections: { | ||
| database: [{ | ||
| requireUsername: usernameRequired | ||
| }] | ||
| core: { | ||
| transient: { | ||
| connections: { | ||
| database: [{ | ||
| requireUsername: usernameRequired | ||
| }] | ||
| } | ||
| } | ||
| } | ||
| } | ||
| }); | ||
| }; | ||
| beforeEach(function () { | ||
| jest.resetAllMocks(); | ||
| }); | ||
| }; | ||
| beforeEach(function () { | ||
| jest.resetAllMocks(); | ||
| }); | ||
| describe('for database connection without username required', function () { | ||
| var model = getModel('user@auth0.com', null, false); | ||
| describe('for database connection without username required', function () { | ||
| var model = getModel('user@contoso.com', null, false); | ||
| it('should get the email', function () { | ||
| expect((0, _database.databaseUsernameValue)(model)).toEqual('user@contoso.com'); | ||
| it('should get the email', function () { | ||
| expect((0, _database.databaseUsernameValue)(model)).toEqual('user@auth0.com'); | ||
| }); | ||
| }); | ||
| }); | ||
| describe('for database connection with username required', function () { | ||
| var model = getModel('user@contoso.com', 'user', true); | ||
| describe('for database connection with username required', function () { | ||
| var model = getModel('user@auth0.com', 'user', true); | ||
| it('should get the username when `emailFirst` is not set', function () { | ||
| expect((0, _database.databaseUsernameValue)(model)).toEqual('user'); | ||
| }); | ||
| it('should get the username when `emailFirst` is false', function () { | ||
| expect((0, _database.databaseUsernameValue)(model, { emailFirst: false })).toEqual('user'); | ||
| }); | ||
| it('should get the email when `emailFirst` is true', function () { | ||
| expect((0, _database.databaseUsernameValue)(model, { emailFirst: true })).toEqual('user@contoso.com'); | ||
| }); | ||
| it('should get the username when `emailFirst` is not set', function () { | ||
| expect((0, _database.databaseUsernameValue)(model)).toEqual('user'); | ||
| }); | ||
| it('should get the username when `emailFirst` is false', function () { | ||
| expect((0, _database.databaseUsernameValue)(model, { emailFirst: false })).toEqual('user'); | ||
| }); | ||
| it('should get the email when `emailFirst` is true', function () { | ||
| expect((0, _database.databaseUsernameValue)(model, { emailFirst: true })).toEqual('user@auth0.com'); | ||
| }); | ||
| describe('and only email address is filled in', function () { | ||
| var model = getModel('user@contoso.com', null, true); | ||
| describe('and only email address is filled in', function () { | ||
| var model = getModel('user@auth0.com', null, true); | ||
| it('should get the email address', function () { | ||
| expect((0, _database.databaseUsernameValue)(model)).toEqual('user@contoso.com'); | ||
| it('should get the email address', function () { | ||
| expect((0, _database.databaseUsernameValue)(model)).toEqual('user@auth0.com'); | ||
| }); | ||
| }); | ||
| }); | ||
| }); | ||
| describe('initDatabase', function () { | ||
| describe('calls initNS with the correct additionalSignUpFields', function () { | ||
| describe('with a valid hidden field', function () { | ||
| var model = _immutable2.default.fromJS({}); | ||
| var modelOut = (0, _database.initDatabase)(model, { | ||
| additionalSignUpFields: [{ | ||
| type: 'hidden', | ||
| name: 'hidden_field', | ||
| value: 'hidden_value' | ||
| }] | ||
| }); | ||
| var modelOutJS = modelOut.toJS(); | ||
| expect(modelOutJS.field).toEqual({ | ||
| hidden_field: { showInvalid: false, valid: true, value: 'hidden_value' } | ||
| }); | ||
| expect(modelOutJS.database.additionalSignUpFields).toEqual([{ | ||
| type: 'hidden', | ||
| name: 'hidden_field', | ||
| value: 'hidden_value' | ||
| }]); | ||
| }); | ||
| describe('with a hidden field without a value', function () { | ||
| var model = _immutable2.default.fromJS({}); | ||
| var modelOut = (0, _database.initDatabase)(model, { | ||
| additionalSignUpFields: [{ | ||
| type: 'hidden', | ||
| name: 'hidden_field' | ||
| }] | ||
| }); | ||
| expect(modelOut.toJS().database.additionalSignUpFields.length).toBe(0); | ||
| }); | ||
| }); | ||
| }); | ||
| }); |
@@ -49,3 +49,5 @@ 'use strict'; | ||
| }, | ||
| plugins: [{ name: 'ExamplePlugin' }], | ||
| plugins: [{ | ||
| name: 'ExamplePlugin' | ||
| }], | ||
| _telemetryInfo: {}, | ||
@@ -87,23 +89,45 @@ params: { | ||
| it('should set state from options.state', function () { | ||
| var client = getClient({ state: 'foo' }); | ||
| var client = getClient({ | ||
| state: 'foo' | ||
| }); | ||
| expect(client.authOpt.state).toBe('foo'); | ||
| }); | ||
| it('should set state from options.params.state', function () { | ||
| var client = getClient({ params: { state: 'foo' } }); | ||
| var client = getClient({ | ||
| params: { | ||
| state: 'foo' | ||
| } | ||
| }); | ||
| expect(client.authOpt.state).toBe('foo'); | ||
| }); | ||
| it('options.params.state should prevail over options.state', function () { | ||
| var client = getClient({ state: 'bar', params: { state: 'foo' } }); | ||
| var client = getClient({ | ||
| state: 'bar', | ||
| params: { | ||
| state: 'foo' | ||
| } | ||
| }); | ||
| expect(client.authOpt.state).toBe('foo'); | ||
| }); | ||
| it('should set nonce from options.nonce', function () { | ||
| var client = getClient({ nonce: 'foo' }); | ||
| var client = getClient({ | ||
| nonce: 'foo' | ||
| }); | ||
| expect(client.authOpt.nonce).toBe('foo'); | ||
| }); | ||
| it('should set nonce from options.params.nonce', function () { | ||
| var client = getClient({ params: { nonce: 'foo' } }); | ||
| var client = getClient({ | ||
| params: { | ||
| nonce: 'foo' | ||
| } | ||
| }); | ||
| expect(client.authOpt.nonce).toBe('foo'); | ||
| }); | ||
| it('options.params.nonce should prevail over options.nonce', function () { | ||
| var client = getClient({ nonce: 'bar', params: { nonce: 'foo' } }); | ||
| var client = getClient({ | ||
| nonce: 'bar', | ||
| params: { | ||
| nonce: 'foo' | ||
| } | ||
| }); | ||
| expect(client.authOpt.nonce).toBe('foo'); | ||
@@ -148,3 +172,5 @@ }); | ||
| var callback = jest.fn(); | ||
| client.logIn({ username: 'foo' }, {}, callback); | ||
| client.logIn({ | ||
| username: 'foo' | ||
| }, {}, callback); | ||
| var mock = getAuth0ClientMock(); | ||
@@ -154,2 +180,17 @@ var loginMock = mock.WebAuth.mock.instances[0].login.mock; | ||
| }); | ||
| it('should use the provided login_hint', function () { | ||
| var client = getClient({ | ||
| redirect: true | ||
| }); | ||
| var callback = jest.fn(); | ||
| client.logIn({ | ||
| email: 'foo', | ||
| login_hint: 'valid_hint@test.com' | ||
| }, { | ||
| login_hint: 'invalid_hint@test.com' | ||
| }, callback); | ||
| var mock = getAuth0ClientMock(); | ||
| var loginMock = mock.WebAuth.mock.instances[0].login.mock; | ||
| expect(loginMock.calls[0][0].login_hint).toBe('valid_hint@test.com'); | ||
| }); | ||
| it('should call popup.loginWithCredentials when redirect is false and sso is false', function () { | ||
@@ -161,3 +202,5 @@ var client = getClient({ | ||
| var callback = jest.fn(); | ||
| client.logIn({ username: 'foo' }, {}, callback); | ||
| client.logIn({ | ||
| username: 'foo' | ||
| }, {}, callback); | ||
| var mock = getAuth0ClientMock(); | ||
@@ -173,3 +216,5 @@ var loginWithCredentialsMock = mock.WebAuth.mock.instances[0].popup.loginWithCredentials.mock; | ||
| var callback = jest.fn(); | ||
| client.logIn({ username: 'foo' }, {}, callback); | ||
| client.logIn({ | ||
| username: 'foo' | ||
| }, {}, callback); | ||
| var mock = getAuth0ClientMock(); | ||
@@ -183,3 +228,5 @@ var loginWithCredentialsMock = mock.WebAuth.mock.instances[0].popup.loginWithCredentials.mock; | ||
| var client = getClient({}); | ||
| client.passwordlessStart({ foo: 'bar' }, function () {}); | ||
| client.passwordlessStart({ | ||
| foo: 'bar' | ||
| }, function () {}); | ||
| var mock = client.client.passwordlessStart.mock; | ||
@@ -192,3 +239,5 @@ | ||
| var client = getClient({}); | ||
| client.passwordlessVerify({ foo: 'bar' }, function () {}); | ||
| client.passwordlessVerify({ | ||
| foo: 'bar' | ||
| }, function () {}); | ||
| var mock = client.client.passwordlessLogin.mock; | ||
@@ -225,3 +274,5 @@ | ||
| it('should pass __enableIdPInitiatedLogin when options._enableImpersonation===true', function () { | ||
| var client = getClient({ _enableImpersonation: true }); | ||
| var client = getClient({ | ||
| _enableImpersonation: true | ||
| }); | ||
| client.parseHash('hash', 'cb'); | ||
@@ -234,3 +285,5 @@ var mock = getAuth0ClientMock(); | ||
| it('should pass __enableIdPInitiatedLogin when options._enableIdPInitiatedLogin===true', function () { | ||
| var client = getClient({ _enableIdPInitiatedLogin: true }); | ||
| var client = getClient({ | ||
| _enableIdPInitiatedLogin: true | ||
| }); | ||
| client.parseHash('hash', 'cb'); | ||
@@ -237,0 +290,0 @@ var mock = getAuth0ClientMock(); |
@@ -145,2 +145,13 @@ 'use strict'; | ||
| }); | ||
| describe('when type == hidden', function () { | ||
| beforeEach(function () { | ||
| defaultProps.type = 'hidden'; | ||
| defaultProps.value = 'hidden_value'; | ||
| }); | ||
| it('renders correctly as a input[type=hidden]', function () { | ||
| var CustomInput = getComponent(); | ||
| (0, _testUtils.expectComponent)(_react2.default.createElement(CustomInput, defaultProps)).toMatchSnapshot(); | ||
| }); | ||
| }); | ||
| }); |
@@ -140,3 +140,4 @@ 'use strict'; | ||
| type = x.type, | ||
| validator = x.validator; | ||
| validator = x.validator, | ||
| value = x.value; | ||
@@ -151,4 +152,4 @@ var filter = true; | ||
| if (typeof placeholder != 'string' || !placeholder) { | ||
| l.warn(opts, 'Ignoring an element of `additionalSignUpFields` because it does not contain a valid `placeholder` property. Every element of `additionalSignUpFields` must have a `placeholder` property that is a non-empty string.'); | ||
| if (type !== 'hidden' && (typeof placeholder != 'string' || !placeholder)) { | ||
| l.warn(opts, 'Ignoring an element of `additionalSignUpFields` (' + name + ') because it does not contain a valid `placeholder` property. Every element of `additionalSignUpFields` must have a `placeholder` property that is a non-empty string.'); | ||
| filter = false; | ||
@@ -167,3 +168,3 @@ } | ||
| var types = ['select', 'text', 'checkbox']; | ||
| var types = ['select', 'text', 'checkbox', 'hidden']; | ||
| if (type != undefined && (typeof type != 'string' || types.indexOf(type) === -1)) { | ||
@@ -190,7 +191,11 @@ l.warn(opts, 'When provided, the `type` property of an element of `additionalSignUpFields` must be one of the following strings: "' + types.join('", "') + '".'); | ||
| if (options != undefined && !global.Array.isArray(options) && typeof options != 'function' || type === 'select' && options === undefined) { | ||
| l.warn(opts, 'Ignoring an element of `additionalSignUpFields` because it has a "select" `type` but does not specify an `options` property that is an Array or a function.'); | ||
| 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; | ||
| } | ||
| if (type === 'hidden' && !value) { | ||
| l.warn(opts, 'Ignoring an element of `additionalSignUpFields` (' + name + ') because it has a "hidden" `type` but does not specify a `value` string.'); | ||
| filter = false; | ||
| } | ||
| return filter ? r.concat([{ icon: icon, name: name, options: options, placeholder: placeholder, prefill: prefill, type: type, validator: validator }]) : r; | ||
| return filter ? r.concat([{ icon: icon, name: name, options: options, placeholder: placeholder, prefill: prefill, type: type, validator: validator, value: value }]) : r; | ||
| }, []); | ||
@@ -411,3 +416,10 @@ | ||
| return additionalSignUpFields(m).reduce(function (r, x) { | ||
| return x.get('type') === 'select' ? resolveAdditionalSignUpSelectField(r, x) : resolveAdditionalSignUpTextField(r, x); | ||
| switch (x.get('type')) { | ||
| case 'select': | ||
| return resolveAdditionalSignUpSelectField(r, x); | ||
| case 'hidden': | ||
| return resolveAdditionalSignUpHiddenField(r, x); | ||
| default: | ||
| return resolveAdditionalSignUpTextField(r, x); | ||
| } | ||
| }, m); | ||
@@ -485,1 +497,5 @@ } | ||
| } | ||
| function resolveAdditionalSignUpHiddenField(m, x) { | ||
| return (0, _index2.setField)(m, x.get('name'), x.get('value')); | ||
| } |
@@ -53,3 +53,3 @@ 'use strict'; | ||
| 'div', | ||
| { className: 'auth0-lock-tabs-container' }, | ||
| { role: 'navigation', className: 'auth0-lock-tabs-container' }, | ||
| _react2.default.createElement( | ||
@@ -131,3 +131,7 @@ 'ul', | ||
| { className: className }, | ||
| _react2.default.createElement( | ||
| current ? _react2.default.createElement( | ||
| 'span', | ||
| null, | ||
| label | ||
| ) : _react2.default.createElement( | ||
| 'a', | ||
@@ -134,0 +138,0 @@ { href: href || 'javascript:void(0)', onClick: this.handleClick.bind(this) }, |
@@ -18,2 +18,6 @@ 'use strict'; | ||
| var _auth0PasswordPolicies = require('auth0-password-policies'); | ||
| var _auth0PasswordPolicies2 = _interopRequireDefault(_auth0PasswordPolicies); | ||
| var _data_utils = require('../../utils/data_utils'); | ||
@@ -147,3 +151,6 @@ | ||
| if (connectionType === 'database') { | ||
| result.passwordPolicy = connection.passwordPolicy || 'none'; | ||
| result.passwordPolicy = _auth0PasswordPolicies2.default[connection.passwordPolicy || 'none']; | ||
| if (connection.password_complexity_options && connection.password_complexity_options.min_length) { | ||
| result.passwordPolicy.length.minLength = connection.password_complexity_options.min_length; | ||
| } | ||
| result.allowSignup = typeof connection.showSignup === 'boolean' ? connection.showSignup : true; | ||
@@ -150,0 +157,0 @@ result.allowForgot = typeof connection.showForgot === 'boolean' ? connection.showForgot : true; |
@@ -46,3 +46,3 @@ 'use strict'; | ||
| name: 'lock.js', | ||
| version: '11.8.1', | ||
| version: '11.9.0', | ||
| lib_version: _auth0Js2.default.version | ||
@@ -94,5 +94,11 @@ }; | ||
| if (options.login_hint) { | ||
| loginOptions.login_hint = options.login_hint; | ||
| } | ||
| if (!options.username && !options.email) { | ||
| if (this.authOpt.popup) { | ||
| this.client.popup.authorize(_extends({}, loginOptions, { owp: true }), f); | ||
| this.client.popup.authorize(_extends({}, loginOptions, { | ||
| owp: true | ||
| }), f); | ||
| } else { | ||
@@ -138,3 +144,5 @@ this.client.authorize(loginOptions, f); | ||
| Auth0APIClient.prototype.passwordlessVerify = function passwordlessVerify(options, cb) { | ||
| var verifyOptions = _extends({}, options, { popup: this.authOpt.popup }); | ||
| var verifyOptions = _extends({}, options, { | ||
| popup: this.authOpt.popup | ||
| }); | ||
| this.client.passwordlessLogin(verifyOptions, function (err, result) { | ||
@@ -141,0 +149,0 @@ return cb((0, _helper.normalizeError)(err), result); |
@@ -79,3 +79,4 @@ 'use strict'; | ||
| type: x.get('type'), | ||
| validator: x.get('validator') | ||
| validator: x.get('validator'), | ||
| value: x.get('value') | ||
| }); | ||
@@ -82,0 +83,0 @@ }); |
@@ -41,3 +41,4 @@ 'use strict'; | ||
| type = _ref.type, | ||
| validator = _ref.validator; | ||
| validator = _ref.validator, | ||
| value = _ref.value; | ||
@@ -66,2 +67,4 @@ var props = { | ||
| }, props)); | ||
| case 'hidden': | ||
| return _react2.default.createElement('input', { type: 'hidden', value: value, name: name }); | ||
| default: | ||
@@ -68,0 +71,0 @@ return _react2.default.createElement(_text_input2.default, _extends({ |
@@ -8,5 +8,5 @@ 'use strict'; | ||
| var _passwordSheriff = require('password-sheriff'); | ||
| var _policy = require('password-sheriff/lib/policy'); | ||
| var _passwordSheriff2 = _interopRequireDefault(_passwordSheriff); | ||
| var _policy2 = _interopRequireDefault(_policy); | ||
@@ -18,3 +18,6 @@ var _index = require('./index'); | ||
| function validatePassword(password, policy) { | ||
| return (0, _passwordSheriff2.default)(policy).check(password); | ||
| if (!policy) { | ||
| return true; | ||
| } | ||
| return new _policy2.default(policy.toJS()).check(password); | ||
| } | ||
@@ -21,0 +24,0 @@ |
@@ -110,5 +110,5 @@ 'use strict'; | ||
| placeholder: _propTypes2.default.string.isRequired, | ||
| policy: _propTypes2.default.string, | ||
| policy: _propTypes2.default.object, | ||
| strengthMessages: _propTypes2.default.object, | ||
| hidden: _propTypes2.default.bool | ||
| }; |
@@ -119,3 +119,3 @@ 'use strict'; | ||
| method: 'registerLanguageDictionary', | ||
| url: l.languageBaseUrl(m) + '/js/lock/' + '11.8.1' + '/' + language + '.js', | ||
| url: l.languageBaseUrl(m) + '/js/lock/' + '11.9.0' + '/' + language + '.js', | ||
| check: function check(str) { | ||
@@ -122,0 +122,0 @@ return str && str === language; |
@@ -76,3 +76,3 @@ 'use strict'; | ||
| passwordStrength: { | ||
| containsAtLeast: '次の%d文字のうちが%d文字以上が含まれる必要があります:', | ||
| containsAtLeast: '下記の%dつのうち%dつ以上含んでください:', | ||
| identicalChars: '連続して同じ文字を%d個以上入力できません（例: "%s" は使用できません）', | ||
@@ -79,0 +79,0 @@ nonEmpty: 'パスワードは必須です', |
@@ -40,3 +40,3 @@ 'use strict'; | ||
| exports.default = Auth0Lock; | ||
| Auth0Lock.version = '11.8.1'; | ||
| Auth0Lock.version = '11.9.0'; | ||
@@ -43,0 +43,0 @@ // TODO: should we have different telemetry for classic/passwordless? |
@@ -39,2 +39,2 @@ 'use strict'; | ||
| Auth0LockPasswordless.version = '11.8.1'; | ||
| Auth0LockPasswordless.version = '11.9.0'; |
@@ -17,4 +17,4 @@ 'use strict'; | ||
| var svgs = { | ||
| back: '<svg focusable="false" enable-background="new 0 0 24 24" version="1.0" viewBox="0 0 24 24" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <polyline fill="none" points="12.5,21 3.5,12 12.5,3 " stroke="#000000" stroke-miterlimit="10" stroke-width="2"></polyline> <line fill="none" stroke="#000000" stroke-miterlimit="10" stroke-width="2" x1="22" x2="3.5" y1="12" y2="12"></line> </svg>', | ||
| close: '<svg focusable="false" enable-background="new 0 0 128 128" version="1.1" viewBox="0 0 128 128" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g><polygon fill="#373737" points="123.5429688,11.59375 116.4765625,4.5185547 64.0019531,56.9306641 11.5595703,4.4882813 4.4882813,11.5595703 56.9272461,63.9970703 4.4570313,116.4052734 11.5244141,123.4814453 63.9985352,71.0683594 116.4423828,123.5117188 123.5126953,116.4414063 71.0732422,64.0019531 "></polygon></g></svg>' | ||
| back: '<svg aria-hidden="true" focusable="false" enable-background="new 0 0 24 24" version="1.0" viewBox="0 0 24 24" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <polyline fill="none" points="12.5,21 3.5,12 12.5,3 " stroke="#000000" stroke-miterlimit="10" stroke-width="2"></polyline> <line fill="none" stroke="#000000" stroke-miterlimit="10" stroke-width="2" x1="22" x2="3.5" y1="12" y2="12"></line> </svg>', | ||
| close: '<svg aria-hidden="true" focusable="false" enable-background="new 0 0 128 128" version="1.1" viewBox="0 0 128 128" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g><polygon fill="#373737" points="123.5429688,11.59375 116.4765625,4.5185547 64.0019531,56.9306641 11.5595703,4.4882813 4.4882813,11.5595703 56.9272461,63.9970703 4.4570313,116.4052734 11.5244141,123.4814453 63.9985352,71.0683594 116.4423828,123.5117188 123.5126953,116.4414063 71.0732422,64.0019531 "></polygon></g></svg>' | ||
| }; | ||
@@ -26,3 +26,3 @@ | ||
| svg = _ref.svg; | ||
| return _react2.default.createElement('span', { | ||
| return _react2.default.createElement('button', { | ||
| className: 'auth0-lock-' + name + '-button', | ||
@@ -33,3 +33,4 @@ dangerouslySetInnerHTML: { __html: svg }, | ||
| _onClick(); | ||
| } | ||
| }, | ||
| 'aria-label': name | ||
| }); | ||
@@ -36,0 +37,0 @@ }; |
@@ -47,4 +47,4 @@ 'use strict'; | ||
| var submitSvg = '<svg focusable="false" width="43px" height="42px" viewBox="0 0 43 42" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"><g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage"><g id="Lock" sketch:type="MSArtboardGroup" transform="translate(-280.000000, -3592.000000)"><g id="SMS" sketch:type="MSLayerGroup" transform="translate(153.000000, 3207.000000)"><g id="Group" sketch:type="MSShapeGroup"><g id="Login" transform="translate(0.000000, 369.000000)"><g id="Btn"><g id="Oval-302-+-Shape" transform="translate(128.000000, 17.000000)"><circle id="Oval-302" stroke="#FFFFFF" stroke-width="2" cx="20.5" cy="20" r="20"></circle><path d="M17.8,15.4 L19.2,14 L25.2,20 L19.2,26 L17.8,24.6 L22.4,20 L17.8,15.4 Z" id="Shape" fill="#FFFFFF"></path></g></g></g></g></g></g></g></svg>'; | ||
| var submitText = '<svg focusable="false" class="icon-text" width="8px" height="12px" viewBox="0 0 8 12" version="1.1" xmlns="http://www.w3.org/2000/svg"><g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="Web/Submit/Active" transform="translate(-148.000000, -32.000000)" fill="#FFFFFF"><polygon id="Shape" points="148 33.4 149.4 32 155.4 38 149.4 44 148 42.6 152.6 38"></polygon></g></g></svg>'; | ||
| var submitSvg = '<svg aria-hidden="true" focusable="false" width="43px" height="42px" viewBox="0 0 43 42" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"><g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage"><g id="Lock" sketch:type="MSArtboardGroup" transform="translate(-280.000000, -3592.000000)"><g id="SMS" sketch:type="MSLayerGroup" transform="translate(153.000000, 3207.000000)"><g id="Group" sketch:type="MSShapeGroup"><g id="Login" transform="translate(0.000000, 369.000000)"><g id="Btn"><g id="Oval-302-+-Shape" transform="translate(128.000000, 17.000000)"><circle id="Oval-302" stroke="#FFFFFF" stroke-width="2" cx="20.5" cy="20" r="20"></circle><path d="M17.8,15.4 L19.2,14 L25.2,20 L19.2,26 L17.8,24.6 L22.4,20 L17.8,15.4 Z" id="Shape" fill="#FFFFFF"></path></g></g></g></g></g></g></g></svg>'; | ||
| var submitText = '<svg aria-hidden="true" focusable="false" class="icon-text" width="8px" height="12px" viewBox="0 0 8 12" version="1.1" xmlns="http://www.w3.org/2000/svg"><g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="Web/Submit/Active" transform="translate(-148.000000, -32.000000)" fill="#FFFFFF"><polygon id="Shape" points="148 33.4 149.4 32 155.4 38 149.4 44 148 42.6 152.6 38"></polygon></g></g></svg>'; | ||
@@ -112,3 +112,4 @@ var SubmitButton = function (_React$Component) { | ||
| name: 'submit', | ||
| type: 'submit' | ||
| type: 'submit', | ||
| 'aria-label': label ? label : 'Submit' | ||
| }, | ||
@@ -115,0 +116,0 @@ _react2.default.createElement( |
@@ -294,3 +294,3 @@ 'use strict'; | ||
| 'div', | ||
| { className: className }, | ||
| { className: className, lang: this.props.language }, | ||
| overlay, | ||
@@ -359,2 +359,3 @@ _react2.default.createElement( | ||
| isSubmitting: _propTypes2.default.bool.isRequired, | ||
| language: _propTypes2.default.string, | ||
| logo: _propTypes2.default.string.isRequired, | ||
@@ -385,2 +386,3 @@ primaryColor: _propTypes2.default.string.isRequired, | ||
| isSubmitting: false, | ||
| language: 'en', | ||
| logo: (isFileProtocol ? 'https:' : '') + '//cdn.auth0.com/styleguide/components/1.0.8/media/logos/img/badge.png', | ||
@@ -387,0 +389,0 @@ primaryColor: '#ea5323', |
@@ -81,3 +81,3 @@ 'use strict'; | ||
| var imgClassName = !!title ? 'auth0-lock-header-logo' : 'auth0-lock-header-logo centered'; | ||
| var img = _react2.default.createElement('img', { className: imgClassName, src: imageUrl }); | ||
| var img = _react2.default.createElement('img', { alt: '', className: imgClassName, src: imageUrl }); | ||
| var welcome = title ? _react2.default.createElement(WelcomeMessage, { title: title, name: name }) : null; | ||
@@ -84,0 +84,0 @@ |
@@ -25,3 +25,3 @@ 'use strict'; | ||
| var svg = '<svg focusable="false" width="14px" height="13px" viewBox="0 0 32 26" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns" class="auth0-lock-icon auth0-lock-icon-box"><g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage"><g id="32px" sketch:type="MSLayerGroup" transform="translate(-2155.000000, -2317.000000)" fill="#373A39"><g id="Group-856" transform="translate(1.000000, 1.000000)" sketch:type="MSShapeGroup"><path id="Fill-419" d="M2184,2339 C2184,2339.55 2183.55,2340 2183,2340 L2157,2340 C2156.45,2340 2156,2339.55 2156,2339 L2156,2319 C2156,2318.45 2156.45,2318 2157,2318 L2183,2318 C2183.55,2318 2184,2318.45 2184,2319 L2184,2339 L2184,2339 Z M2184,2316 L2156,2316 C2154.89,2316 2154,2316.89 2154,2318 L2154,2340 C2154,2341.1 2154.89,2342 2156,2342 L2184,2342 C2185.1,2342 2186,2341.1 2186,2340 L2186,2318 C2186,2316.89 2185.1,2316 2184,2316 L2184,2316 Z M2176,2322 L2180,2322 L2180,2326 L2176,2326 L2176,2322 Z M2174,2328 L2182,2328 L2182,2320 L2174,2320 L2174,2328 Z M2158,2332 L2172,2332 L2172,2330 L2158,2330 L2158,2332 Z M2158,2336 L2172,2336 L2172,2334 L2158,2334 L2158,2336 Z"></path></g></g></g></svg>'; | ||
| var svg = '<svg aria-hidden="true" focusable="false" width="14px" height="13px" viewBox="0 0 32 26" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns" class="auth0-lock-icon auth0-lock-icon-box"><g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage"><g id="32px" sketch:type="MSLayerGroup" transform="translate(-2155.000000, -2317.000000)" fill="#373A39"><g id="Group-856" transform="translate(1.000000, 1.000000)" sketch:type="MSShapeGroup"><path id="Fill-419" d="M2184,2339 C2184,2339.55 2183.55,2340 2183,2340 L2157,2340 C2156.45,2340 2156,2339.55 2156,2339 L2156,2319 C2156,2318.45 2156.45,2318 2157,2318 L2183,2318 C2183.55,2318 2184,2318.45 2184,2319 L2184,2339 L2184,2339 Z M2184,2316 L2156,2316 C2154.89,2316 2154,2316.89 2154,2318 L2154,2340 C2154,2341.1 2154.89,2342 2156,2342 L2184,2342 C2185.1,2342 2186,2341.1 2186,2340 L2186,2318 C2186,2316.89 2185.1,2316 2184,2316 L2184,2316 Z M2176,2322 L2180,2322 L2180,2326 L2176,2326 L2176,2322 Z M2174,2328 L2182,2328 L2182,2320 L2174,2320 L2174,2328 Z M2158,2332 L2172,2332 L2172,2330 L2158,2330 L2158,2332 Z M2158,2336 L2172,2336 L2172,2334 L2158,2334 L2158,2336 Z"></path></g></g></g></svg>'; | ||
@@ -81,3 +81,6 @@ var EmailInput = function (_React$Component) { | ||
| onFocus: this.handleFocus.bind(this), | ||
| onBlur: this.handleBlur.bind(this) | ||
| onBlur: this.handleBlur.bind(this), | ||
| 'aria-label': 'Email', | ||
| 'aria-invalid': !isValid, | ||
| 'aria-describedby': 'auth0-lock-error-msg-email' | ||
| }, props)) | ||
@@ -84,0 +87,0 @@ ); |
@@ -54,3 +54,3 @@ 'use strict'; | ||
| if (typeof icon === 'string') { | ||
| iconElement = _react2.default.createElement('span', { dangerouslySetInnerHTML: { __html: icon } }); | ||
| iconElement = _react2.default.createElement('span', { 'aria-hidden': 'true', dangerouslySetInnerHTML: { __html: icon } }); | ||
| } else if (icon) { | ||
@@ -66,3 +66,3 @@ iconElement = icon; | ||
| 'div', | ||
| { className: 'auth0-lock-error-msg' }, | ||
| { role: 'alert', id: 'auth0-lock-error-msg-' + name, className: 'auth0-lock-error-msg' }, | ||
| _react2.default.createElement( | ||
@@ -69,0 +69,0 @@ 'span', |
@@ -22,4 +22,4 @@ 'use strict'; | ||
| var icon = exports.icon = '<svg focusable="false" width="14px" height="14px" viewBox="0 0 14 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns" class="auth0-lock-icon auth0-lock-icon-box auth0-lock-icon-location"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage"><g id="Lock" transform="translate(-201.000000, -3519.000000)" fill="#919191"><g id="SMS" transform="translate(153.000000, 3207.000000)"><g transform="translate(35.000000, 299.000000)"><path id="Fill-349-Copy" d="M22.4023125,22.8 C22.543625,21.9425 22.625,20.9975 22.625,20 L26.125,20 C26.125,21.316875 25.69275,22.52 24.9853125,23.5175 C24.3255625,23.2025 23.4383125,22.953125 22.4023125,22.8 L22.4023125,22.8 Z M21.372875,25.954375 C21.72725,25.3725 22.0234375,24.5675 22.2404375,23.6225 C22.8975625,23.696875 23.483375,23.80625 23.9624375,23.9375 L24.67075,23.9375 C23.829875,24.92625 22.6849375,25.6525 21.372875,25.954375 L21.372875,25.954375 Z M20,26.125 C19.412875,26.125 18.896625,25.105625 18.579,23.5525 C19.034,23.521875 19.503875,23.5 20,23.5 C20.4956875,23.5 20.966,23.521875 21.421,23.5525 C21.1029375,25.105625 20.5866875,26.125 20,26.125 L20,26.125 Z M15.3288125,23.9375 L16.0375625,23.9375 C16.5161875,23.80625 17.1024375,23.696875 17.759125,23.6225 C17.976125,24.5675 18.2723125,25.3725 18.6266875,25.954375 C17.3150625,25.6525 16.170125,24.92625 15.3288125,23.9375 L15.3288125,23.9375 Z M15.0146875,23.5175 C14.3068125,22.52 13.875,21.316875 13.875,20 L17.375,20 C17.375,20.9975 17.4559375,21.9425 17.59725,22.8 C16.56125,22.953125 15.6744375,23.2025 15.0146875,23.5175 L15.0146875,23.5175 Z M15.030875,16.45625 C15.6796875,16.78 16.5634375,17.03375 17.60075,17.195625 C17.501,17.799375 17.428375,18.4425 17.3964375,19.125 L13.951125,19.125 C14.0933125,18.13625 14.477,17.230625 15.030875,16.45625 L15.030875,16.45625 Z M18.6266875,14.04125 C18.27275,14.623125 17.977,15.42375 17.760875,16.373125 C17.1265,16.294375 16.558625,16.189375 16.0944375,16.0625 L15.34325,16.0625 C16.180625,15.069375 17.3168125,14.343125 18.6266875,14.04125 L18.6266875,14.04125 Z M20,13.875 C20.585375,13.875 21.0959375,14.894375 21.4118125,16.443125 C20.959875,16.478125 20.492625,16.5 20,16.5 C19.5069375,16.5 19.0396875,16.478125 18.58775,16.443125 C18.903625,14.894375 19.4141875,13.875 20,13.875 L20,13.875 Z M18.2749375,19.125 C18.3020625,18.473125 18.362,17.865 18.441625,17.29625 C18.9408125,17.344375 19.4596875,17.375 20,17.375 C20.5403125,17.375 21.0591875,17.344375 21.5579375,17.29625 C21.638,17.865 21.6979375,18.473125 21.724625,19.125 L18.2749375,19.125 L18.2749375,19.125 Z M21.75,20 C21.75,20.97125 21.6786875,21.88125 21.5631875,22.699375 C21.06225,22.65125 20.5420625,22.625 20,22.625 C19.4579375,22.625 18.9373125,22.65125 18.436375,22.699375 C18.320875,21.88125 18.25,20.97125 18.25,20 L21.75,20 L21.75,20 Z M24.6563125,16.0625 L23.905125,16.0625 C23.441375,16.189375 22.8730625,16.294375 22.2386875,16.373125 C22.0225625,15.42375 21.7268125,14.623125 21.372875,14.04125 C22.68275,14.343125 23.8189375,15.069375 24.6563125,16.0625 L24.6563125,16.0625 Z M24.9686875,16.45625 C25.5225625,17.230625 25.90625,18.13625 26.048875,19.125 L22.603125,19.125 C22.5711875,18.4425 22.499,17.799375 22.39925,17.195625 C23.4365625,17.03375 24.3203125,16.78 24.9686875,16.45625 L24.9686875,16.45625 Z M20,13 C16.1338125,13 13,16.1325 13,20 C13,23.863125 16.1338125,27 20,27 C23.86575,27 27,23.863125 27,20 C27,16.1325 23.86575,13 20,13 L20,13 Z"></path></g></g></g></g></svg>'; | ||
| var arrowSvg = '<svg focusable="false" width="5px" height="10px" viewBox="0 0 5 10" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns" class="auth0-lock-icon auth0-lock-icon-box auth0-lock-icon-arrow"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage"><g id="Lock" transform="translate(-396.000000, -3521.000000)" fill="#000000" opacity="0.539999962"><g id="SMS" transform="translate(153.000000, 3207.000000)"><g transform="translate(35.000000, 299.000000)"><g transform="translate(210.000000, 20.000000) rotate(-90.000000) translate(-210.000000, -20.000000) translate(198.000000, 8.000000)"><path id="Shape" d="M7,10 L12,15 L17,10 L7,10 Z"></path></g></g></g></g></g></svg>'; | ||
| var icon = exports.icon = '<svg aria-hidden="true" focusable="false" width="14px" height="14px" viewBox="0 0 14 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns" class="auth0-lock-icon auth0-lock-icon-box auth0-lock-icon-location"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage"><g id="Lock" transform="translate(-201.000000, -3519.000000)" fill="#919191"><g id="SMS" transform="translate(153.000000, 3207.000000)"><g transform="translate(35.000000, 299.000000)"><path id="Fill-349-Copy" d="M22.4023125,22.8 C22.543625,21.9425 22.625,20.9975 22.625,20 L26.125,20 C26.125,21.316875 25.69275,22.52 24.9853125,23.5175 C24.3255625,23.2025 23.4383125,22.953125 22.4023125,22.8 L22.4023125,22.8 Z M21.372875,25.954375 C21.72725,25.3725 22.0234375,24.5675 22.2404375,23.6225 C22.8975625,23.696875 23.483375,23.80625 23.9624375,23.9375 L24.67075,23.9375 C23.829875,24.92625 22.6849375,25.6525 21.372875,25.954375 L21.372875,25.954375 Z M20,26.125 C19.412875,26.125 18.896625,25.105625 18.579,23.5525 C19.034,23.521875 19.503875,23.5 20,23.5 C20.4956875,23.5 20.966,23.521875 21.421,23.5525 C21.1029375,25.105625 20.5866875,26.125 20,26.125 L20,26.125 Z M15.3288125,23.9375 L16.0375625,23.9375 C16.5161875,23.80625 17.1024375,23.696875 17.759125,23.6225 C17.976125,24.5675 18.2723125,25.3725 18.6266875,25.954375 C17.3150625,25.6525 16.170125,24.92625 15.3288125,23.9375 L15.3288125,23.9375 Z M15.0146875,23.5175 C14.3068125,22.52 13.875,21.316875 13.875,20 L17.375,20 C17.375,20.9975 17.4559375,21.9425 17.59725,22.8 C16.56125,22.953125 15.6744375,23.2025 15.0146875,23.5175 L15.0146875,23.5175 Z M15.030875,16.45625 C15.6796875,16.78 16.5634375,17.03375 17.60075,17.195625 C17.501,17.799375 17.428375,18.4425 17.3964375,19.125 L13.951125,19.125 C14.0933125,18.13625 14.477,17.230625 15.030875,16.45625 L15.030875,16.45625 Z M18.6266875,14.04125 C18.27275,14.623125 17.977,15.42375 17.760875,16.373125 C17.1265,16.294375 16.558625,16.189375 16.0944375,16.0625 L15.34325,16.0625 C16.180625,15.069375 17.3168125,14.343125 18.6266875,14.04125 L18.6266875,14.04125 Z M20,13.875 C20.585375,13.875 21.0959375,14.894375 21.4118125,16.443125 C20.959875,16.478125 20.492625,16.5 20,16.5 C19.5069375,16.5 19.0396875,16.478125 18.58775,16.443125 C18.903625,14.894375 19.4141875,13.875 20,13.875 L20,13.875 Z M18.2749375,19.125 C18.3020625,18.473125 18.362,17.865 18.441625,17.29625 C18.9408125,17.344375 19.4596875,17.375 20,17.375 C20.5403125,17.375 21.0591875,17.344375 21.5579375,17.29625 C21.638,17.865 21.6979375,18.473125 21.724625,19.125 L18.2749375,19.125 L18.2749375,19.125 Z M21.75,20 C21.75,20.97125 21.6786875,21.88125 21.5631875,22.699375 C21.06225,22.65125 20.5420625,22.625 20,22.625 C19.4579375,22.625 18.9373125,22.65125 18.436375,22.699375 C18.320875,21.88125 18.25,20.97125 18.25,20 L21.75,20 L21.75,20 Z M24.6563125,16.0625 L23.905125,16.0625 C23.441375,16.189375 22.8730625,16.294375 22.2386875,16.373125 C22.0225625,15.42375 21.7268125,14.623125 21.372875,14.04125 C22.68275,14.343125 23.8189375,15.069375 24.6563125,16.0625 L24.6563125,16.0625 Z M24.9686875,16.45625 C25.5225625,17.230625 25.90625,18.13625 26.048875,19.125 L22.603125,19.125 C22.5711875,18.4425 22.499,17.799375 22.39925,17.195625 C23.4365625,17.03375 24.3203125,16.78 24.9686875,16.45625 L24.9686875,16.45625 Z M20,13 C16.1338125,13 13,16.1325 13,20 C13,23.863125 16.1338125,27 20,27 C23.86575,27 27,23.863125 27,20 C27,16.1325 23.86575,13 20,13 L20,13 Z"></path></g></g></g></g></svg>'; | ||
| var arrowSvg = '<svg aria-hidden="true" focusable="false" width="5px" height="10px" viewBox="0 0 5 10" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns" class="auth0-lock-icon auth0-lock-icon-box auth0-lock-icon-arrow"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage"><g id="Lock" transform="translate(-396.000000, -3521.000000)" fill="#000000" opacity="0.539999962"><g id="SMS" transform="translate(153.000000, 3207.000000)"><g transform="translate(35.000000, 299.000000)"><g transform="translate(210.000000, 20.000000) rotate(-90.000000) translate(-210.000000, -20.000000) translate(198.000000, 8.000000)"><path id="Shape" d="M7,10 L12,15 L17,10 L7,10 Z"></path></g></g></g></g></g></svg>'; | ||
@@ -58,3 +58,4 @@ var LocationInput = function (_React$Component) { | ||
| onKeyDown: this.handleKeyDown.bind(this), | ||
| onClick: onClick | ||
| onClick: onClick, | ||
| 'aria-label': 'Location' | ||
| }), | ||
@@ -61,0 +62,0 @@ _react2.default.createElement('span', { dangerouslySetInnerHTML: { __html: arrowSvg } }) |
@@ -81,3 +81,6 @@ 'use strict'; | ||
| onBlur: this.handleBlur.bind(this), | ||
| value: value | ||
| value: value, | ||
| 'aria-label': 'Multi factor authentication code', | ||
| 'aria-invalid': !isValid, | ||
| 'aria-describedby': 'auth0-lock-error-msg-mfa_code' | ||
| }, props)) | ||
@@ -84,0 +87,0 @@ ); |
@@ -40,3 +40,3 @@ 'use strict'; | ||
| var icon = exports.icon = '<svg focusable="false" width="11px" height="14px" viewBox="0 0 13 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="auth0-lock-icon auth0-lock-icon-box"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(-288.000000, -1508.000000)" fill="#888888"><path d="M299,1523.998 L290,1523.998 C288.896,1523.998 288,1523.102 288,1521.999 L288,1515.999 C288,1514.895 288.896,1513.998 290,1513.998 L290,1513.998 L290,1512.499 C290,1510.015 292.015,1507.999 294.5,1507.999 C296.985,1507.999 299,1510.015 299,1512.499 L299,1513.999 C300.104,1513.999 301,1514.895 301,1515.999 L301,1521.999 C301,1523.103 300.104,1523.998 299,1523.998 L299,1523.998 Z M298,1512.499 C298,1510.566 296.433,1508.999 294.5,1508.999 C292.567,1508.999 291,1510.566 291,1512.499 L291,1513.998 L298,1513.998 L298,1512.499 L298,1512.499 Z M300,1515.999 C300,1515.446 299.552,1514.998 299,1514.998 L290,1514.998 C289.447,1514.998 289,1515.446 289,1515.999 L289,1521.999 C289,1522.551 289.447,1522.998 290,1522.998 L299,1522.998 C299.552,1522.998 300,1522.551 300,1521.999 L300,1515.999 L300,1515.999 Z M294.5,1520.998 C294.224,1520.998 294,1520.774 294,1520.498 L294,1517.498 C294,1517.223 294.224,1516.999 294.5,1516.999 C294.776,1516.999 295,1517.223 295,1517.498 L295,1520.498 C295,1520.774 294.776,1520.998 294.5,1520.998 L294.5,1520.998 Z"></path></g></g></svg>'; | ||
| var icon = exports.icon = '<svg aria-hidden="true" focusable="false" width="11px" height="14px" viewBox="0 0 13 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="auth0-lock-icon auth0-lock-icon-box"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(-288.000000, -1508.000000)" fill="#888888"><path d="M299,1523.998 L290,1523.998 C288.896,1523.998 288,1523.102 288,1521.999 L288,1515.999 C288,1514.895 288.896,1513.998 290,1513.998 L290,1513.998 L290,1512.499 C290,1510.015 292.015,1507.999 294.5,1507.999 C296.985,1507.999 299,1510.015 299,1512.499 L299,1513.999 C300.104,1513.999 301,1514.895 301,1515.999 L301,1521.999 C301,1523.103 300.104,1523.998 299,1523.998 L299,1523.998 Z M298,1512.499 C298,1510.566 296.433,1508.999 294.5,1508.999 C292.567,1508.999 291,1510.566 291,1512.499 L291,1513.998 L298,1513.998 L298,1512.499 L298,1512.499 Z M300,1515.999 C300,1515.446 299.552,1514.998 299,1514.998 L290,1514.998 C289.447,1514.998 289,1515.446 289,1515.999 L289,1521.999 C289,1522.551 289.447,1522.998 290,1522.998 L299,1522.998 C299.552,1522.998 300,1522.551 300,1521.999 L300,1515.999 L300,1515.999 Z M294.5,1520.998 C294.224,1520.998 294,1520.774 294,1520.498 L294,1517.498 C294,1517.223 294.224,1516.999 294.5,1516.999 C294.776,1516.999 295,1517.223 295,1517.498 L295,1520.498 C295,1520.774 294.776,1520.998 294.5,1520.998 L294.5,1520.998 Z"></path></g></g></svg>'; | ||
@@ -105,3 +105,6 @@ var PasswordInput = function (_React$Component) { | ||
| onBlur: this.handleBlur.bind(this), | ||
| value: value | ||
| value: value, | ||
| 'aria-label': 'Password', | ||
| 'aria-invalid': !isValid, | ||
| 'aria-describedby': 'auth0-lock-error-msg-password' | ||
| }, props)) | ||
@@ -137,3 +140,3 @@ ); | ||
| placeholder: _propTypes2.default.string, | ||
| policy: _propTypes2.default.string, | ||
| policy: _propTypes2.default.object, | ||
| strengthMessages: _propTypes2.default.object, | ||
@@ -140,0 +143,0 @@ value: _propTypes2.default.string.isRequired, |
@@ -15,5 +15,5 @@ 'use strict'; | ||
| var _passwordSheriff = require('password-sheriff'); | ||
| var _policy = require('password-sheriff/lib/policy'); | ||
| var _passwordSheriff2 = _interopRequireDefault(_passwordSheriff); | ||
| var _policy2 = _interopRequireDefault(_policy); | ||
@@ -47,3 +47,3 @@ var _util = require('util'); | ||
| var analysis = (0, _passwordSheriff2.default)(policy).missing(password); | ||
| var analysis = new _policy2.default(policy.toJS()).missing(password); | ||
| // TODO: add a component for fadeIn / fadeOut animations? | ||
@@ -84,3 +84,3 @@ var className = 'auth0-lock-password-strength animated ' + (!analysis.verified ? 'fadeIn' : 'fadeOut'); | ||
| password: _propTypes2.default.string.isRequired, | ||
| policy: _propTypes2.default.oneOf(['none', 'low', 'fair', 'good', 'excellent']).isRequired | ||
| policy: _propTypes2.default.object.isRequired | ||
| }; | ||
@@ -87,0 +87,0 @@ |
@@ -25,3 +25,3 @@ 'use strict'; | ||
| var svg = '<svg focusable="false" width="9px" height="14px" viewBox="0 0 9 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns" class="auth0-lock-icon auth0-lock-icon-mobile"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage"><g id="Lock" transform="translate(-204.000000, -3459.000000)" fill="#888888"><g id="SMS" transform="translate(153.000000, 3207.000000)"><g transform="translate(35.000000, 239.000000)"><path d="M24.1,15.625 L16.9,15.625 L16.9,14.75 C16.9,14.264375 17.30275,13.875 17.8,13.875 L23.2,13.875 C23.6968,13.875 24.1,14.264375 24.1,14.75 L24.1,15.625 L24.1,15.625 Z M16.9,16.5 L24.1,16.5 L24.1,21.75 L16.9,21.75 L16.9,16.5 Z M24.1,25.25 C24.1,25.73125 23.6968,26.125 23.2,26.125 L17.8,26.125 C17.30275,26.125 16.9,25.73125 16.9,25.25 L16.9,22.625 L24.1,22.625 L24.1,25.25 L24.1,25.25 Z M23.2,13 L17.8,13 C16.80595,13 16,13.783125 16,14.75 L16,25.25 C16,26.216875 16.80595,27 17.8,27 L23.2,27 C24.19405,27 25,26.216875 25,25.25 L25,14.75 C25,13.783125 24.19405,13 23.2,13 L23.2,13 Z M20.5,25.25 C20.9968,25.25 21.4,24.85625 21.4,24.375 C21.4,23.889375 20.9968,23.5 20.5,23.5 C20.00275,23.5 19.6,23.889375 19.6,24.375 C19.6,24.85625 20.00275,25.25 20.5,25.25 L20.5,25.25 Z"></path></g></g></g></g></svg>'; | ||
| var svg = '<svg aria-hidden="true" focusable="false" width="9px" height="14px" viewBox="0 0 9 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns" class="auth0-lock-icon auth0-lock-icon-mobile"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage"><g id="Lock" transform="translate(-204.000000, -3459.000000)" fill="#888888"><g id="SMS" transform="translate(153.000000, 3207.000000)"><g transform="translate(35.000000, 239.000000)"><path d="M24.1,15.625 L16.9,15.625 L16.9,14.75 C16.9,14.264375 17.30275,13.875 17.8,13.875 L23.2,13.875 C23.6968,13.875 24.1,14.264375 24.1,14.75 L24.1,15.625 L24.1,15.625 Z M16.9,16.5 L24.1,16.5 L24.1,21.75 L16.9,21.75 L16.9,16.5 Z M24.1,25.25 C24.1,25.73125 23.6968,26.125 23.2,26.125 L17.8,26.125 C17.30275,26.125 16.9,25.73125 16.9,25.25 L16.9,22.625 L24.1,22.625 L24.1,25.25 L24.1,25.25 Z M23.2,13 L17.8,13 C16.80595,13 16,13.783125 16,14.75 L16,25.25 C16,26.216875 16.80595,27 17.8,27 L23.2,27 C24.19405,27 25,26.216875 25,25.25 L25,14.75 C25,13.783125 24.19405,13 23.2,13 L23.2,13 Z M20.5,25.25 C20.9968,25.25 21.4,24.85625 21.4,24.375 C21.4,23.889375 20.9968,23.5 20.5,23.5 C20.00275,23.5 19.6,23.889375 19.6,24.375 C19.6,24.85625 20.00275,25.25 20.5,25.25 L20.5,25.25 Z"></path></g></g></g></g></svg>'; | ||
@@ -58,3 +58,6 @@ var PhoneNumberInput = function (_React$Component) { | ||
| onFocus: this.handleFocus.bind(this), | ||
| onBlur: this.handleBlur.bind(this) | ||
| onBlur: this.handleBlur.bind(this), | ||
| 'aria-label': 'Telephone number', | ||
| 'aria-invalid': !isValid, | ||
| 'aria-describedby': 'auth0-lock-error-msg-phoneNumber' | ||
| }, props)) | ||
@@ -61,0 +64,0 @@ ); |
@@ -21,3 +21,3 @@ 'use strict'; | ||
| var arrowSvg = '<svg focusable="false" width="5px" height="10px" viewBox="0 0 5 10" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns" class="auth0-lock-icon-arrow"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage"><g id="Lock" transform="translate(-396.000000, -3521.000000)" fill="#000000" opacity="0.539999962"><g id="SMS" transform="translate(153.000000, 3207.000000)"><g transform="translate(35.000000, 299.000000)"><g transform="translate(210.000000, 20.000000) rotate(-90.000000) translate(-210.000000, -20.000000) translate(198.000000, 8.000000)"><path id="Shape" d="M7,10 L12,15 L17,10 L7,10 Z"></path></g></g></g></g></g></svg>'; | ||
| var arrowSvg = '<svg aria-hidden="true" focusable="false" width="5px" height="10px" viewBox="0 0 5 10" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns" class="auth0-lock-icon-arrow"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage"><g id="Lock" transform="translate(-396.000000, -3521.000000)" fill="#000000" opacity="0.539999962"><g id="SMS" transform="translate(153.000000, 3207.000000)"><g transform="translate(35.000000, 299.000000)"><g transform="translate(210.000000, 20.000000) rotate(-90.000000) translate(-210.000000, -20.000000) translate(198.000000, 8.000000)"><path id="Shape" d="M7,10 L12,15 L17,10 L7,10 Z"></path></g></g></g></g></g></svg>'; | ||
@@ -71,3 +71,6 @@ var SelectInput = function (_React$Component) { | ||
| onKeyDown: this.handleKeyDown.bind(this), | ||
| onClick: onClick | ||
| onClick: onClick, | ||
| 'aria-label': name, | ||
| 'aria-invalid': !isValid, | ||
| 'aria-describedby': 'auth0-lock-error-msg-' + name | ||
| }), | ||
@@ -74,0 +77,0 @@ _react2.default.createElement('span', { dangerouslySetInnerHTML: { __html: arrowSvg } }) |
@@ -78,3 +78,6 @@ 'use strict'; | ||
| onBlur: this.handleBlur.bind(this), | ||
| value: value | ||
| value: value, | ||
| 'aria-label': name, | ||
| 'aria-invalid': !isValid, | ||
| 'aria-describedby': 'auth0-lock-error-msg-' + name | ||
| }, props)) | ||
@@ -81,0 +84,0 @@ ); |
@@ -25,3 +25,3 @@ 'use strict'; | ||
| var svg = '<svg focusable="false" width="13px" height="14px" viewBox="0 0 15 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="auth0-lock-icon auth0-lock-icon-box"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(-11.000000, -1471.000000)" fill="#888888"><path d="M25.552,1486.998 L11.449,1486.998 C10.667,1485.799 10.984,1483.399 11.766,1482.6 C12.139,1482.219 14.931,1481.5 16.267,1481.172 C14.856,1480.076 13.995,1478.042 13.995,1476.103 C13.995,1473.284 14.813,1470.999 18.498,1470.999 C22.182,1470.999 23,1473.284 23,1476.103 C23,1478.037 22.145,1480.065 20.74,1481.163 C22.046,1481.489 24.88,1482.228 25.241,1482.601 C26.019,1483.399 26.328,1485.799 25.552,1486.998 L25.552,1486.998 Z M24.6,1483.443 C24.087,1483.169 21.881,1482.548 20,1482.097 L20,1480.513 C21.254,1479.659 21.997,1477.806 21.997,1476.12 C21.997,1473.841 21.414,1471.993 18.499,1471.993 C15.583,1471.993 15,1473.841 15,1476.12 C15,1477.807 15.744,1479.662 17,1480.515 L17,1482.112 C15.109,1482.556 12.914,1483.166 12.409,1483.442 C12.082,1483.854 11.797,1485.173 12,1486 L25,1486 C25.201,1485.174 24.922,1483.858 24.6,1483.443 L24.6,1483.443 Z"></path></g></g></svg>'; | ||
| var svg = '<svg aria-hidden="true" focusable="false" width="13px" height="14px" viewBox="0 0 15 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="auth0-lock-icon auth0-lock-icon-box"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(-11.000000, -1471.000000)" fill="#888888"><path d="M25.552,1486.998 L11.449,1486.998 C10.667,1485.799 10.984,1483.399 11.766,1482.6 C12.139,1482.219 14.931,1481.5 16.267,1481.172 C14.856,1480.076 13.995,1478.042 13.995,1476.103 C13.995,1473.284 14.813,1470.999 18.498,1470.999 C22.182,1470.999 23,1473.284 23,1476.103 C23,1478.037 22.145,1480.065 20.74,1481.163 C22.046,1481.489 24.88,1482.228 25.241,1482.601 C26.019,1483.399 26.328,1485.799 25.552,1486.998 L25.552,1486.998 Z M24.6,1483.443 C24.087,1483.169 21.881,1482.548 20,1482.097 L20,1480.513 C21.254,1479.659 21.997,1477.806 21.997,1476.12 C21.997,1473.841 21.414,1471.993 18.499,1471.993 C15.583,1471.993 15,1473.841 15,1476.12 C15,1477.807 15.744,1479.662 17,1480.515 L17,1482.112 C15.109,1482.556 12.914,1483.166 12.409,1483.442 C12.082,1483.854 11.797,1485.173 12,1486 L25,1486 C25.201,1485.174 24.922,1483.858 24.6,1483.443 L24.6,1483.443 Z"></path></g></g></svg>'; | ||
@@ -84,3 +84,6 @@ var UsernameInput = function (_React$Component) { | ||
| onFocus: this.handleFocus.bind(this), | ||
| onBlur: this.handleBlur.bind(this) | ||
| onBlur: this.handleBlur.bind(this), | ||
| 'aria-label': 'User name', | ||
| 'aria-invalid': !isValid, | ||
| 'aria-describedby': 'auth0-lock-error-msg-username' | ||
| }, props)) | ||
@@ -87,0 +90,0 @@ ); |
@@ -27,3 +27,3 @@ 'use strict'; | ||
| var svg = '<svg focusable="false" width="12px" height="14px" viewBox="0 0 12 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns" class="auth0-lock-icon auth0-lock-icon-box"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage"><g transform="translate(-964.000000, -3509.000000)" fill="#888888"><g transform="translate(915.000000, 3207.000000)"><g transform="translate(35.000000, 289.000000)"><path id="Fill-42" d="M25.0523108,22.8115806 L20.455448,26.0692401 L20.455448,20.6336024 L25.0523108,17.6924012 L25.0523108,22.8115806 L25.0523108,22.8115806 Z M20.1658456,19.763342 C20.1060864,19.786611 20.050924,19.8145338 19.9957617,19.8471103 C19.9451962,19.8191876 19.8946307,19.786611 19.8394683,19.7679958 L14.9392126,16.7616414 L19.986568,13.8949009 L25.0523108,16.7616414 L25.043117,16.7662952 L20.1658456,19.763342 L20.1658456,19.763342 Z M19.5360754,20.6336024 L19.5360754,26.0692401 L14.9392126,22.8115806 L14.9392126,17.6924012 L19.5360754,20.6336024 L19.5360754,20.6336024 Z M25.9716833,17.6924012 C25.9716833,17.5574411 25.9395053,17.4317885 25.8889398,17.3154435 C26.0728143,16.9664085 26.0314425,16.5242976 25.7418402,16.2311082 L20.4002856,13.2340614 C19.7980966,12.9408721 20.2393954,12.9036417 19.5590597,13.2340614 L14.2634738,16.2311082 C13.9692745,16.5242976 13.9279028,16.9571009 14.1071804,17.3107897 C14.0520181,17.4271347 14.01984,17.5527873 14.01984,17.6924012 L14.01984,22.8115806 C14.01984,23.3234985 14.4335577,23.7423404 14.9392126,23.7423404 L19.5360754,27 C19.7061593,27 19.8578558,26.9395006 19.9957617,26.8557322 C20.1336676,26.9395006 20.285364,27 20.455448,27 L25.511997,23.7423404 C26.017652,23.7423404 25.9716833,23.3234985 25.9716833,22.8115806 L25.9716833,17.6924012 L25.9716833,17.6924012 Z"></path></g></g></g></g></svg>'; | ||
| var svg = '<svg aria-hidden="true" focusable="false" width="12px" height="14px" viewBox="0 0 12 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns" class="auth0-lock-icon auth0-lock-icon-box"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage"><g transform="translate(-964.000000, -3509.000000)" fill="#888888"><g transform="translate(915.000000, 3207.000000)"><g transform="translate(35.000000, 289.000000)"><path id="Fill-42" d="M25.0523108,22.8115806 L20.455448,26.0692401 L20.455448,20.6336024 L25.0523108,17.6924012 L25.0523108,22.8115806 L25.0523108,22.8115806 Z M20.1658456,19.763342 C20.1060864,19.786611 20.050924,19.8145338 19.9957617,19.8471103 C19.9451962,19.8191876 19.8946307,19.786611 19.8394683,19.7679958 L14.9392126,16.7616414 L19.986568,13.8949009 L25.0523108,16.7616414 L25.043117,16.7662952 L20.1658456,19.763342 L20.1658456,19.763342 Z M19.5360754,20.6336024 L19.5360754,26.0692401 L14.9392126,22.8115806 L14.9392126,17.6924012 L19.5360754,20.6336024 L19.5360754,20.6336024 Z M25.9716833,17.6924012 C25.9716833,17.5574411 25.9395053,17.4317885 25.8889398,17.3154435 C26.0728143,16.9664085 26.0314425,16.5242976 25.7418402,16.2311082 L20.4002856,13.2340614 C19.7980966,12.9408721 20.2393954,12.9036417 19.5590597,13.2340614 L14.2634738,16.2311082 C13.9692745,16.5242976 13.9279028,16.9571009 14.1071804,17.3107897 C14.0520181,17.4271347 14.01984,17.5527873 14.01984,17.6924012 L14.01984,22.8115806 C14.01984,23.3234985 14.4335577,23.7423404 14.9392126,23.7423404 L19.5360754,27 C19.7061593,27 19.8578558,26.9395006 19.9957617,26.8557322 C20.1336676,26.9395006 20.285364,27 20.455448,27 L25.511997,23.7423404 C26.017652,23.7423404 25.9716833,23.3234985 25.9716833,22.8115806 L25.9716833,17.6924012 L25.9716833,17.6924012 Z"></path></g></g></g></g></svg>'; | ||
@@ -74,3 +74,6 @@ var VcodeInput = function (_React$Component) { | ||
| onFocus: this.handleFocus.bind(this), | ||
| onBlur: this.handleBlur.bind(this) | ||
| onBlur: this.handleBlur.bind(this), | ||
| 'aria-label': 'vcode', | ||
| 'aria-invalid': !isValid, | ||
| 'aria-describedby': 'auth0-lock-error-msg-vcode' | ||
| }, props)) | ||
@@ -77,0 +80,0 @@ ); |
| { | ||
| "name": "auth0-lock", | ||
| "version": "11.8.1", | ||
| "version": "11.9.0", | ||
| "description": "Auth0 Lock", | ||
@@ -91,2 +91,3 @@ "author": "Auth0 <support@auth0.com> (http://auth0.com)", | ||
| "auth0-js": "^9.7.3", | ||
| "auth0-password-policies": "auth0/auth0-password-policies#v1.0.1", | ||
| "blueimp-md5": "2.3.1", | ||
@@ -93,0 +94,0 @@ "fbjs": "^0.3.1", |
@@ -17,3 +17,3 @@ [![NPM version][npm-image]][npm-url] | ||
| <!-- Latest patch release (recommended for production) --> | ||
| <script src="https://cdn.auth0.com/js/lock/11.8.1/lock.min.js"></script> | ||
| <script src="https://cdn.auth0.com/js/lock/11.9.0/lock.min.js"></script> | ||
| ``` | ||
@@ -485,2 +485,16 @@ | ||
| ##### Hidden field | ||
| To specify a hidden field use: `type: "hidden"`. Both the `value` and `name` properties are required. | ||
| ```js | ||
| var options = { | ||
| additionalSignUpFields: [{ | ||
| type: "hidden", | ||
| name: "signup_code", | ||
| value: "foobar123" | ||
| }] | ||
| } | ||
| ``` | ||
| #### Avatar provider | ||
@@ -487,0 +501,0 @@ |
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
New alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
GitHub dependency
Supply chain riskContains a dependency which resolves to a GitHub URL. Dependencies fetched from GitHub specifiers are not immutable can be used to inject untrusted code or reduce the likelihood of a reproducible install.
Found 1 instance in 1 package
Manifest confusion
Supply chain riskThis package has inconsistent metadata. This could be malicious or caused by an error when publishing the package.
Found 1 instance in 1 package
Long strings
Supply chain riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Long strings
Supply chain riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
- increased by0.77%
1437773
- Number of package files
- increased by1.54%
198
- Lines of code
- increased by1.46%
18313
- Number of lines in readme file
- increased by2.53%
567
Worsened metrics
- Dependency count
- increased by8.33%
13
- Number of high supply chain risk alerts
- increased byInfinity%
1
- Number of medium supply chain risk alerts
- increased byInfinity%
1