You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

user-auth-u2f.js 3.0KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126
  1. /* eslint-disable github/no-then */
  2. const {appSubUrl, csrfToken} = window.config;
  3. export function initUserAuthU2fAuth() {
  4. if ($('#wait-for-key').length === 0) {
  5. return;
  6. }
  7. u2fApi.ensureSupport().then(() => {
  8. $.getJSON(`${appSubUrl}/user/u2f/challenge`).done((req) => {
  9. u2fApi.sign(req.appId, req.challenge, req.registeredKeys, 30)
  10. .then(u2fSigned)
  11. .catch((err) => {
  12. if (err === undefined) {
  13. u2fError(1);
  14. return;
  15. }
  16. u2fError(err.metaData.code);
  17. });
  18. });
  19. }).catch(() => {
  20. // Fallback in case browser do not support U2F
  21. window.location.href = `${appSubUrl}/user/two_factor`;
  22. });
  23. }
  24. function u2fSigned(resp) {
  25. $.ajax({
  26. url: `${appSubUrl}/user/u2f/sign`,
  27. type: 'POST',
  28. headers: {'X-Csrf-Token': csrfToken},
  29. data: JSON.stringify(resp),
  30. contentType: 'application/json; charset=utf-8',
  31. }).done((res) => {
  32. window.location.replace(res);
  33. }).fail(() => {
  34. u2fError(1);
  35. });
  36. }
  37. function u2fRegistered(resp) {
  38. if (checkError(resp)) {
  39. return;
  40. }
  41. $.ajax({
  42. url: `${appSubUrl}/user/settings/security/u2f/register`,
  43. type: 'POST',
  44. headers: {'X-Csrf-Token': csrfToken},
  45. data: JSON.stringify(resp),
  46. contentType: 'application/json; charset=utf-8',
  47. success() {
  48. window.location.reload();
  49. },
  50. fail() {
  51. u2fError(1);
  52. }
  53. });
  54. }
  55. function checkError(resp) {
  56. if (!('errorCode' in resp)) {
  57. return false;
  58. }
  59. if (resp.errorCode === 0) {
  60. return false;
  61. }
  62. u2fError(resp.errorCode);
  63. return true;
  64. }
  65. function u2fError(errorType) {
  66. const u2fErrors = {
  67. browser: $('#unsupported-browser'),
  68. 1: $('#u2f-error-1'),
  69. 2: $('#u2f-error-2'),
  70. 3: $('#u2f-error-3'),
  71. 4: $('#u2f-error-4'),
  72. 5: $('.u2f_error_5')
  73. };
  74. u2fErrors[errorType].removeClass('hide');
  75. for (const type of Object.keys(u2fErrors)) {
  76. if (type !== `${errorType}`) {
  77. u2fErrors[type].addClass('hide');
  78. }
  79. }
  80. $('#u2f-error').modal('show');
  81. }
  82. export function initUserAuthU2fRegister() {
  83. $('#register-device').modal({allowMultiple: false});
  84. $('#u2f-error').modal({allowMultiple: false});
  85. $('#register-security-key').on('click', (e) => {
  86. e.preventDefault();
  87. u2fApi.ensureSupport()
  88. .then(u2fRegisterRequest)
  89. .catch(() => {
  90. u2fError('browser');
  91. });
  92. });
  93. }
  94. function u2fRegisterRequest() {
  95. $.post(`${appSubUrl}/user/settings/security/u2f/request_register`, {
  96. _csrf: csrfToken,
  97. name: $('#nickname').val()
  98. }).done((req) => {
  99. $('#nickname').closest('div.field').removeClass('error');
  100. $('#register-device').modal('show');
  101. if (req.registeredKeys === null) {
  102. req.registeredKeys = [];
  103. }
  104. u2fApi.register(req.appId, req.registerRequests, req.registeredKeys, 30)
  105. .then(u2fRegistered)
  106. .catch((reason) => {
  107. if (reason === undefined) {
  108. u2fError(1);
  109. return;
  110. }
  111. u2fError(reason.metaData.code);
  112. });
  113. }).fail((xhr) => {
  114. if (xhr.status === 409) {
  115. $('#nickname').closest('div.field').addClass('error');
  116. }
  117. });
  118. }