update plugins
This commit is contained in:
@@ -0,0 +1,444 @@
|
||||
/******/ (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
|
||||
Reference in New Issue
Block a user