debian-mirror-gitlab/app/assets/javascripts/authentication/u2f/register.js

103 lines
3.1 KiB
JavaScript
Raw Normal View History

2018-05-09 12:01:36 +05:30
import $ from 'jquery';
2020-04-08 14:13:33 +05:30
import { template as lodashTemplate } from 'lodash';
2020-11-24 15:15:51 +05:30
import { __ } from '~/locale';
2018-03-17 18:26:18 +05:30
import U2FError from './error';
2021-03-11 19:13:27 +05:30
import importU2FLibrary from './util';
2017-09-10 17:25:29 +05:30
2016-09-29 09:46:39 +05:30
// Register U2F (universal 2nd factor) devices for users to authenticate with.
//
// State Flow #1: setup -> in_progress -> registered -> POST to server
// State Flow #2: setup -> in_progress -> error -> setup
2018-03-17 18:26:18 +05:30
export default class U2FRegister {
constructor(container, u2fParams) {
2018-03-27 19:54:05 +05:30
this.u2fUtils = null;
2018-03-17 18:26:18 +05:30
this.container = container;
this.renderNotSupported = this.renderNotSupported.bind(this);
this.renderRegistered = this.renderRegistered.bind(this);
this.renderError = this.renderError.bind(this);
this.renderInProgress = this.renderInProgress.bind(this);
this.renderSetup = this.renderSetup.bind(this);
this.renderTemplate = this.renderTemplate.bind(this);
this.register = this.register.bind(this);
this.start = this.start.bind(this);
this.appId = u2fParams.app_id;
this.registerRequests = u2fParams.register_requests;
this.signRequests = u2fParams.sign_requests;
2016-09-13 17:45:13 +05:30
2018-03-17 18:26:18 +05:30
this.templates = {
2020-11-24 15:15:51 +05:30
message: '#js-register-2fa-message',
setup: '#js-register-token-2fa-setup',
error: '#js-register-token-2fa-error',
registered: '#js-register-token-2fa-registered',
2016-09-13 17:45:13 +05:30
};
2018-03-17 18:26:18 +05:30
}
2016-09-13 17:45:13 +05:30
2018-03-17 18:26:18 +05:30
start() {
2018-03-27 19:54:05 +05:30
return importU2FLibrary()
2021-03-08 18:12:59 +05:30
.then((utils) => {
2018-03-27 19:54:05 +05:30
this.u2fUtils = utils;
this.renderSetup();
})
.catch(() => this.renderNotSupported());
2018-03-17 18:26:18 +05:30
}
2016-09-13 17:45:13 +05:30
2018-03-17 18:26:18 +05:30
register() {
2018-12-13 13:39:08 +05:30
return this.u2fUtils.register(
this.appId,
this.registerRequests,
this.signRequests,
2021-03-08 18:12:59 +05:30
(response) => {
2018-03-17 18:26:18 +05:30
if (response.errorCode) {
const error = new U2FError(response.errorCode, 'register');
2018-03-27 19:54:05 +05:30
return this.renderError(error);
2018-03-17 18:26:18 +05:30
}
2018-03-27 19:54:05 +05:30
return this.renderRegistered(JSON.stringify(response));
2018-12-13 13:39:08 +05:30
},
10,
);
2018-03-17 18:26:18 +05:30
}
2016-09-13 17:45:13 +05:30
2018-03-17 18:26:18 +05:30
renderTemplate(name, params) {
const templateString = $(this.templates[name]).html();
2020-04-08 14:13:33 +05:30
const template = lodashTemplate(templateString);
2018-03-17 18:26:18 +05:30
return this.container.html(template(params));
}
2016-09-13 17:45:13 +05:30
2018-03-17 18:26:18 +05:30
renderSetup() {
this.renderTemplate('setup');
2020-11-24 15:15:51 +05:30
return this.container.find('#js-setup-token-2fa-device').on('click', this.renderInProgress);
2018-03-17 18:26:18 +05:30
}
2016-09-13 17:45:13 +05:30
2018-03-17 18:26:18 +05:30
renderInProgress() {
2020-11-24 15:15:51 +05:30
this.renderTemplate('message', {
message: __(
'Trying to communicate with your device. Plug it in (if needed) and press the button on the device now.',
),
});
2018-03-17 18:26:18 +05:30
return this.register();
}
2016-09-13 17:45:13 +05:30
2018-03-17 18:26:18 +05:30
renderError(error) {
this.renderTemplate('error', {
error_message: error.message(),
2020-11-24 15:15:51 +05:30
error_name: error.errorCode,
2018-03-17 18:26:18 +05:30
});
2020-06-23 00:09:42 +05:30
return this.container.find('#js-token-2fa-try-again').on('click', this.renderSetup);
2018-03-17 18:26:18 +05:30
}
2016-09-13 17:45:13 +05:30
2018-03-17 18:26:18 +05:30
renderRegistered(deviceResponse) {
this.renderTemplate('registered');
// Prefer to do this instead of interpolating using Underscore templates
// because of JSON escaping issues.
return this.container.find('#js-device-response').val(deviceResponse);
}
2016-09-13 17:45:13 +05:30
2018-03-17 18:26:18 +05:30
renderNotSupported() {
2020-11-24 15:15:51 +05:30
return this.renderTemplate('message', {
message: __(
"Your browser doesn't support U2F. Please use Google Chrome desktop (version 41 or newer).",
),
});
2018-03-17 18:26:18 +05:30
}
}