Your IP : 216.73.216.220
/**
* Copyright © Magento, Inc. All rights reserved.
* See COPYING.txt for license details.
*/
define([
'jquery',
'ko',
'uiComponent',
'Magento_TwoFactorAuth/js/error',
'Magento_TwoFactorAuth/js/u2fkey/utils',
'mage/translate'
], function ($, ko, Component, error, utils, $t) {
'use strict';
return Component.extend({
currentStep: ko.observable('register'),
defaults: {
template: 'Magento_TwoFactorAuth/u2fkey/auth',
idle: ko.observable(true),
loading: ko.observable(false)
},
postUrl: '',
successUrl: '',
touchImageUrl: '',
authenticateData: {},
/**
* @inheritdoc
*/
initConfig: function (config) {
this._super(config);
// eslint-disable-next-line no-undef
this.authenticateData.credentialRequestOptions.challenge = new Uint8Array(
this.authenticateData.credentialRequestOptions.challenge
);
this.authenticateData.credentialRequestOptions.allowCredentials =
this.authenticateData.credentialRequestOptions.allowCredentials.map(function (credential) {
// eslint-disable-next-line no-undef
credential.id = new Uint8Array(credential.id);
return credential;
});
return this;
},
/**
* Start waiting loop
*/
onAfterRender: function () {
this.waitForTouch();
},
/**
* Get touch image URL
* @returns {String}
*/
getTouchImageUrl: function () {
return this.touchImageUrl;
},
/**
* Get POST URL
* @returns {String}
*/
getPostUrl: function () {
return this.postUrl;
},
/**
* Get success URL
* @returns {String}
*/
getSuccessUrl: function () {
return this.successUrl;
},
/**
* Wait for key touch
*/
waitForTouch: function () {
this.idle(false);
navigator.credentials.get({
publicKey: this.authenticateData.credentialRequestOptions
})
.then(this._onCredentialSuccess.bind(this))
.catch(this._onCredentialError.bind(this));
},
/**
* Handle WebAuthn success
*
* @param {Object} credentialData
* @returns void
* @private
*/
_onCredentialSuccess: function (credentialData) {
utils.asyncUint8ArrayToUtf8String(
// eslint-disable-next-line no-undef
new Uint8Array(credentialData.response.clientDataJSON),
function (clientDataJSON) {
credentialData.clientDataUtf8JSON = clientDataJSON;
credentialData.clientData = JSON.parse(clientDataJSON);
this._processCredentialData(credentialData);
}.bind(this)
);
},
/**
* Validate and submit response from u2f key
*
* @param {Object} credentialData
* @private
*/
_processCredentialData: function (credentialData) {
this.loading(true);
$.post(this.getPostUrl(), {
publicKeyCredential: {
type: credentialData.type,
id: utils.arrayBufferToBase64(credentialData.rawId),
response: {
authenticatorData: utils.arrayBufferToBase64(credentialData.response.authenticatorData),
clientData: credentialData.clientData,
clientDataJSON: credentialData.clientDataUtf8JSON,
signature: utils.arrayBufferToBase64(credentialData.response.signature)
}
}
})
.done(function (res) {
this.loading(false);
if (res.success) {
this.currentStep('login');
self.location.href = this.getSuccessUrl();
} else {
error.display($t('Invalid key or key is not registered.'));
this.idle(true);
}
}.bind(this))
.fail(function () {
error.display($t('Invalid key or key is not registered.'));
this.loading(false);
this.idle(true);
}.bind(this));
},
/**
* Handle WebAuthn failure
*
* @param {Object} u2fError
* @return void
* @private
*/
_onCredentialError: function (u2fError) {
this.idle(true);
if (['AbortError', 'NS_ERROR_ABORT', 'NotAllowedError'].indexOf(u2fError.name) === -1) {
error.display($t('Unable to register your device'));
}
}
});
});