444 lines
12 KiB
JavaScript
444 lines
12 KiB
JavaScript
/******/ (function() { // webpackBootstrap
|
|
var __webpack_exports__ = {};
|
|
/*!***********************************!*\
|
|
!*** ./js/src/plugin_settings.js ***!
|
|
\***********************************/
|
|
/* global jQuery, gform, grecaptcha, gforms_recaptcha_recaptcha_strings */
|
|
(function ($) {
|
|
/**
|
|
* Handles reCAPTCHA v2 plugin settings validation.
|
|
*
|
|
* @since 1.0
|
|
*
|
|
* @return {void}
|
|
*/
|
|
var recaptchaV2Settings = function recaptchaV2Settings() {
|
|
var v2Settings = {};
|
|
/**
|
|
* Initialize reCAPTCHA v2 settings.
|
|
*
|
|
* @since 1.0
|
|
*
|
|
* @return {void}
|
|
*/
|
|
|
|
v2Settings.init = function () {
|
|
v2Settings.cacheElements();
|
|
v2Settings.addEventListeners();
|
|
};
|
|
/**
|
|
* Cache the fields used by this handler.
|
|
*
|
|
* @since 1.0
|
|
*
|
|
* @return {void}
|
|
*/
|
|
|
|
|
|
v2Settings.cacheElements = function () {
|
|
v2Settings.container = $('div[id="gform_setting_reset_v2"]');
|
|
v2Settings.fields = {
|
|
siteKey: $('input[name="_gform_setting_site_key_v2"]'),
|
|
secretKey: $('input[name="_gform_setting_secret_key_v2"]'),
|
|
reset: $('input[name="_gform_setting_reset_v2"]'),
|
|
type: $('input[name="_gform_setting_type_v2"]')
|
|
};
|
|
};
|
|
/**
|
|
* Add event listeners for this handler.
|
|
*
|
|
* @since 1.0
|
|
*
|
|
* @return {void}
|
|
*/
|
|
|
|
|
|
v2Settings.addEventListeners = function () {
|
|
v2Settings.fields.siteKey.on('change', window.loadRecaptcha);
|
|
v2Settings.fields.secretKey.on('change', window.loadRecaptcha);
|
|
v2Settings.fields.type.on('change', function () {
|
|
return window.loadRecaptcha();
|
|
});
|
|
};
|
|
/**
|
|
* Handles showing and hiding the reCAPTCHA itself.
|
|
*
|
|
* @since 1.0
|
|
*
|
|
* @return {void}
|
|
*/
|
|
|
|
|
|
window.loadRecaptcha = function () {
|
|
var self = {};
|
|
/**
|
|
* Initialize the reCAPTCHA rendering process.
|
|
*
|
|
* @since 1.0
|
|
*
|
|
* @return {void}
|
|
*/
|
|
|
|
self.init = function () {
|
|
v2Settings.recaptcha = $('#recaptcha');
|
|
v2Settings.save = $('#gform-settings-save');
|
|
self.flushExistingState(); // Reset key status.
|
|
// Note: recaptcha is misspelled here for legacy reasons.
|
|
|
|
$('#recpatcha .gform-settings-field__feedback').remove(); // If no public or private key is provided, exit.
|
|
|
|
if (!self.canBeDisplayed()) {
|
|
self.hideRecaptcha();
|
|
return;
|
|
}
|
|
|
|
v2Settings.save.prop('disabled', true);
|
|
self.showSelectedRecaptcha();
|
|
};
|
|
/**
|
|
* Renders the v2 reCAPTCHA.
|
|
*
|
|
* @since 1.0
|
|
*
|
|
* @param {string} typeValue The selected type to render.
|
|
*
|
|
* @return {void}
|
|
*/
|
|
|
|
|
|
self.render = function (typeValue) {
|
|
// Render reCAPTCHA.
|
|
grecaptcha.render('recaptcha', {
|
|
sitekey: v2Settings.fields.siteKey.val().trim(),
|
|
size: typeValue === 'invisible' ? typeValue : '',
|
|
badge: 'inline',
|
|
'error-callback': function errorCallback() {},
|
|
callback: function callback() {
|
|
return v2Settings.save.prop('disabled', false);
|
|
}
|
|
});
|
|
};
|
|
/**
|
|
* Flush the existing state of the reCAPTCHA handler.
|
|
*
|
|
* @since 1.0
|
|
*
|
|
* @return {void}
|
|
*/
|
|
|
|
|
|
self.flushExistingState = function () {
|
|
window.___grecaptcha_cfg.clients = {};
|
|
window.___grecaptcha_cfg.count = 0;
|
|
v2Settings.recaptcha.html('');
|
|
v2Settings.fields.reset.val('1');
|
|
};
|
|
/**
|
|
* Determines whether the reCAPTCHA can be shown.
|
|
*
|
|
* @since 1.0
|
|
*
|
|
* @return {boolean} Whether the reCAPTCHA can be shown.
|
|
*/
|
|
|
|
|
|
self.canBeDisplayed = function () {
|
|
return v2Settings.fields.siteKey.val() && v2Settings.fields.secretKey.val();
|
|
};
|
|
/**
|
|
* Hides the reCAPTCHA element.
|
|
*
|
|
* @since 1.0
|
|
*
|
|
* @return {void}
|
|
*/
|
|
|
|
|
|
self.hideRecaptcha = function () {
|
|
v2Settings.save.prop('disabled', false);
|
|
v2Settings.container.hide();
|
|
};
|
|
/**
|
|
* Show the selected reCAPTCHA type.
|
|
*
|
|
* @since 1.0
|
|
*
|
|
* @return {void}
|
|
*/
|
|
|
|
|
|
self.showSelectedRecaptcha = function () {
|
|
var typeValue = $('input[name="_gform_setting_type_v2"]:checked').val();
|
|
self.render(typeValue);
|
|
|
|
switch (typeValue) {
|
|
case 'checkbox':
|
|
$('#gforms_checkbox_recaptcha_message, label[for="reset"]').show();
|
|
break;
|
|
|
|
case 'invisible':
|
|
$('#gforms_checkbox_recaptcha_message, label[for="reset"]').hide();
|
|
break;
|
|
|
|
default:
|
|
throw new Error('Unexpected type selected.');
|
|
}
|
|
|
|
v2Settings.container.show();
|
|
|
|
if (typeValue === 'invisible') {
|
|
grecaptcha.execute();
|
|
}
|
|
};
|
|
|
|
self.init();
|
|
};
|
|
|
|
v2Settings.init();
|
|
};
|
|
/**
|
|
* Handles reCAPTCHA v3 plugin settings validation.
|
|
*
|
|
* @since 1.0
|
|
*
|
|
* @return {void}
|
|
*/
|
|
|
|
|
|
var recaptchaV3Settings = function recaptchaV3Settings() {
|
|
var v3Settings = {};
|
|
/**
|
|
* Initializes the reCAPTCHA v3 settings handler.
|
|
*
|
|
* @since 1.0
|
|
*
|
|
* @return {void}
|
|
*/
|
|
|
|
v3Settings.init = function () {
|
|
v3Settings.token = '';
|
|
v3Settings.strings = gforms_recaptcha_recaptcha_strings;
|
|
v3Settings.cacheElements();
|
|
v3Settings.validateKeysV3();
|
|
v3Settings.addEventListeners();
|
|
};
|
|
/**
|
|
* Cache HTML elements for the v3 reCAPTCHA settings.
|
|
*
|
|
* @since 1.0
|
|
*
|
|
* @return {void}
|
|
*/
|
|
|
|
|
|
v3Settings.cacheElements = function () {
|
|
v3Settings.fields = {
|
|
siteKey: '#site_key_v3',
|
|
secretKey: '#secret_key_v3',
|
|
threshold: '#score_threshold_v3',
|
|
disableBadge: '#disable_badge_v3',
|
|
keysStatus: '#gform_setting_recaptcha_keys_status_v3'
|
|
};
|
|
v3Settings.cache = {
|
|
siteKey: $(v3Settings.fields.siteKey),
|
|
secretKey: $(v3Settings.fields.secretKey),
|
|
keysStatus: $(v3Settings.fields.keysStatus),
|
|
save: $('#gform-settings-save')
|
|
};
|
|
};
|
|
/**
|
|
* Setup event listeners for field validation.
|
|
*
|
|
* @since 1.0
|
|
*
|
|
* @return {void}
|
|
*/
|
|
|
|
|
|
v3Settings.addEventListeners = function () {
|
|
if (!v3Settings.strings.site_key.length) {
|
|
return;
|
|
}
|
|
|
|
$(v3Settings.fields.siteKey).on('keyup', function () {
|
|
return v3Settings.clearValidationFeedback();
|
|
});
|
|
$(v3Settings.fields.secretKey).on('keyup', function () {
|
|
return v3Settings.clearValidationFeedback();
|
|
});
|
|
};
|
|
/**
|
|
* Empty out the validation feedback if the fields are modified, as we can't yet know the status.
|
|
*
|
|
* @since 1.0
|
|
*
|
|
* @return {void}
|
|
*/
|
|
|
|
|
|
v3Settings.clearValidationFeedback = function () {
|
|
v3Settings.unsetValid(v3Settings.cache.siteKey.closest('.gform-settings-input__container'));
|
|
v3Settings.unsetValid(v3Settings.cache.secretKey.closest('.gform-settings-input__container'));
|
|
};
|
|
/**
|
|
* Handles validation of the v3 site key.
|
|
*
|
|
* @since 1.0
|
|
*
|
|
* @return {Promise<unknown>} Returns a promise so this can be verified synchronously if checking the secret key.
|
|
*/
|
|
|
|
|
|
v3Settings.getRecaptchaToken = function () {
|
|
return new Promise(function (resolve, reject) {
|
|
var siteKeyContainer = v3Settings.cache.siteKey.closest('.gform-settings-input__container');
|
|
|
|
try {
|
|
var siteKey = v3Settings.cache.siteKey;
|
|
var siteKeyValue = siteKey.val().trim();
|
|
|
|
if (0 === siteKeyValue.length) {
|
|
v3Settings.unsetValid(siteKeyContainer);
|
|
v3Settings.unsetValid(v3Settings.cache.keysStatus.closest('.gform-settings-input__container'));
|
|
$(v3Settings.fields.keysStatus).find('input').val('0');
|
|
return;
|
|
}
|
|
|
|
grecaptcha.ready(function () {
|
|
try {
|
|
grecaptcha.execute(siteKeyValue, {
|
|
action: 'submit'
|
|
}).then(function (token) {
|
|
resolve(token);
|
|
});
|
|
} catch (error) {
|
|
reject(error);
|
|
}
|
|
});
|
|
} catch (error) {
|
|
reject(error);
|
|
}
|
|
});
|
|
};
|
|
/**
|
|
* Handles validation of the v3 site and secret keys.
|
|
*
|
|
* On page load, attempt to generate a reCAPTCHA token and immediately validate it on the server. If it's good,
|
|
* we'll update the presentation of the keys to indicate success or failure.
|
|
*
|
|
* @since 1.0
|
|
*
|
|
* @return {void}
|
|
*/
|
|
|
|
|
|
v3Settings.validateKeysV3 = function () {
|
|
var siteKeyContainer = v3Settings.cache.siteKey.closest('.gform-settings-input__container');
|
|
var secretKeyContainer = v3Settings.cache.secretKey.closest('.gform-settings-input__container');
|
|
var keysStatusInput = $(v3Settings.fields.keysStatus).find('input');
|
|
|
|
if (!$(v3Settings.fields.siteKey).val().trim().length) {
|
|
v3Settings.unsetValid(siteKeyContainer);
|
|
v3Settings.unsetValid(secretKeyContainer);
|
|
keysStatusInput.val('0');
|
|
return;
|
|
}
|
|
|
|
v3Settings.getRecaptchaToken().then(function (token) {
|
|
v3Settings.token = token;
|
|
}).catch(function () {
|
|
v3Settings.setInvalid(siteKeyContainer);
|
|
v3Settings.setInvalid(secretKeyContainer);
|
|
keysStatusInput.val('0');
|
|
}).finally(function () {
|
|
$.ajax({
|
|
method: 'POST',
|
|
dataType: 'JSON',
|
|
url: v3Settings.strings.ajaxurl,
|
|
data: {
|
|
action: 'verify_secret_key',
|
|
nonce: v3Settings.strings.nonce,
|
|
token: v3Settings.token,
|
|
site_key_v3: $(v3Settings.fields.siteKey).val(),
|
|
secret_key_v3: $(v3Settings.fields.secretKey).val()
|
|
}
|
|
}).then(function (response) {
|
|
switch (response.data.keys_status) {
|
|
case '1':
|
|
v3Settings.setValid(siteKeyContainer);
|
|
v3Settings.setValid(secretKeyContainer);
|
|
keysStatusInput.val('1');
|
|
break;
|
|
|
|
case '0':
|
|
v3Settings.setInvalid(siteKeyContainer);
|
|
v3Settings.setInvalid(secretKeyContainer);
|
|
keysStatusInput.val('0');
|
|
break;
|
|
|
|
default:
|
|
v3Settings.unsetValid(siteKeyContainer);
|
|
v3Settings.unsetValid(secretKeyContainer);
|
|
keysStatusInput.val('0');
|
|
}
|
|
});
|
|
});
|
|
};
|
|
/**
|
|
* Updates the text field to display no feedback.
|
|
*
|
|
* @since 1.0
|
|
*
|
|
* @param {Object} el The jQuery element.
|
|
*
|
|
* @return {void}
|
|
*/
|
|
|
|
|
|
v3Settings.unsetValid = function (el) {
|
|
el.removeClass('gform-settings-input__container--feedback-success');
|
|
el.removeClass('gform-settings-input__container--feedback-error');
|
|
};
|
|
/**
|
|
* Updates the text field to display the successful feedback.
|
|
*
|
|
* @since 1.0
|
|
*
|
|
* @param {Object} el The jQuery element.
|
|
*
|
|
* @return {void}
|
|
*/
|
|
|
|
|
|
v3Settings.setValid = function (el) {
|
|
el.addClass('gform-settings-input__container--feedback-success');
|
|
el.removeClass('gform-settings-input__container--feedback-error');
|
|
};
|
|
/**
|
|
* Updates the text field to display the error feedback.
|
|
*
|
|
* @since 1.0
|
|
*
|
|
* @param {Object} el The jQuery element.
|
|
*
|
|
* @return {void}
|
|
*/
|
|
|
|
|
|
v3Settings.setInvalid = function (el) {
|
|
el.removeClass('gform-settings-input__container--feedback-success');
|
|
el.addClass('gform-settings-input__container--feedback-error');
|
|
};
|
|
|
|
v3Settings.init();
|
|
};
|
|
|
|
$(document).ready(function () {
|
|
recaptchaV3Settings();
|
|
recaptchaV2Settings();
|
|
gform.adminUtils.handleUnsavedChanges('#gform-settings');
|
|
});
|
|
})(jQuery);
|
|
/******/ })()
|
|
;
|
|
//# sourceMappingURL=plugin_settings.js.map
|